Color Studio

Створюйте гармонійні кольорові палітри за допомогою інтерактивного колірного кола — застосовуйте правила гармонії, як-от аналогічні, комплементарні або тріадні, і миттєво копіюйте будь-яке значення.

Плавно переходьте від початкового кольору до кінцевого за до 10 кроків — переглядайте градієнт, захоплюйте кожен відтінок і миттєво копіюйте будь-який формат.

Згенеруйте повний діапазон тінтів і відтінків з одного кольору — оберіть крок освітлення/затемнення та кількість відтінків, а потім миттєво копіюйте будь-яке значення.

Отримайте відшліфовану, готову до копіювання палітру кольорів з будь-якого зображення.

Конвертуйте кольори між HEX, RGB, RGBA, HSL, HSLA та HSV — оберіть колір, налаштуйте прозорість і миттєво скопіюйте будь-який формат.

Знайдіть найближчий іменований CSS-колір і найближчий відтінок Tailwind для будь-якого кольору — перцептивне зіставлення з готовими для копіювання значеннями.

Визначте будь-який піксель на екрані за допомогою піпетки або виберіть кольори із завантаженого зображення та зберіть їх у готову до копіювання палітру.

Витягніть красивий градієнт із будь-якої фотографії — перетягніть зображення, оберіть настрій, і домінуючі кольори стануть перетягуваними зупинками градієнту. Миттєво скопіюйте готовий CSS.

Створюйте лінійні, радіальні та конічні CSS-градієнти з нуля за допомогою перетягуваного мульти-стопового керування та готових пресетів. Миттєво скопіюйте готовий CSS.

Вставте або імпортуйте набір кольорів і миттєво експортуйте їх у CSS-змінні, SCSS, конфіг Tailwind, JSON або SVG-свотчі — завершальний крок для будь-якої палітри.

Перевіряйте контрастне співвідношення WCAG між кольором тексту та фону — дивіться оцінки AA/AAA для звичайного тексту, великого тексту та елементів інтерфейсу разом із живим прев'ю та пропозиціями доступних кольорів.

Побачте своє зображення або палітру так, як їх сприймають люди з протанопією, дейтеранопією, тританопією або ахроматопсією — все відбувається у вашому браузері, нічого не завантажується.