100% у браузері
Інструменти Колір
Безкоштовні інструменти для роботи з кольором для дизайнерів і розробників — конвертуйте між HEX, RGB, HSL, CMYK, HSV та іншими, створюйте гармонійні палітри, перевіряйте контраст за WCAG, змішуйте й затемнюйте кольори та знаходьте найближчий іменований колір.
◑
Генератор колірних палітр
Створюйте комплементарні, аналогові, тріадні та тетрадні палітри з будь-якого базового кольору.
◐Перевірка контрастності кольорів
Перевірте коефіцієнт контрастності WCAG між кольором тексту й тла з результатами AA/AAA.
◓Змішувач кольорів
Змішуйте два кольори в регульованій пропорції та отримуйте підсумкове HEX-значення.
▦Відтінки та тони кольору
Створюйте діапазон світліших тонів і темніших відтінків з будь-якого базового кольору.
🎨Іменовані кольори CSS
Переглядайте та шукайте серед 140+ іменованих кольорів CSS з їхніми HEX-значеннями.
⚂Генератор випадкових кольорів
Згенеруйте випадковий колір і перегляньте його у форматах HEX, RGB та HSL.
◔Симулятор дальтонізму
Симулюйте, як колір виглядає при протанопії, дейтеранопії та тританопії.
#αHEX ⇄ RGBA
Конвертуйте між HEX-кодами кольору з альфа-каналом і нотацією rgba() з попереднім переглядом наживо.
#?Формати кольору CSS
Показуйте один колір у кожному форматі CSS: HEX, rgb(), hsl() та hwb().
twГенератор палітри Tailwind
Згенеруйте шкалу відтінків 50–950 у стилі Tailwind з будь-якого базового кольору.
🖼◑Екстрактор кольорів із зображення
Вилучіть домінуючі кольори із завантаженого зображення у вигляді зразків HEX.
◐◑Генератор дуотону
Створіть двоколірний дуотоновий градієнт із CSS, готовим до копіювання.
cmykКонвертер CMYK у RGB
Конвертуйте кольори між CMYK і RGB/HEX із живим зразком.
hsvКонвертер HSV / HSB
Конвертуйте кольори між HSV/HSB і RGB/HEX із живим зразком.
◑?Найближчий іменований колір
Знайдіть найближчі іменовані кольори CSS до будь-якого обраного кольору.
#abcКолір із тексту
Згенеруйте детермінований колір із будь-якого рядка тексту.