Вибір і конвертер кольорів
Оберіть колір, вставте код або натисніть на зображення, щоб отримати колір у всіх форматах, підходящі палітри й перевірку контрасту тексту.
- Оберіть колір, код або зображення
- Дивіться його в HEX, RGB, HSL, HSV і CMYK
- Копіюйте коди й палітри або перевірте контраст
Ваші файли ніколи не залишають пристрій
Формати кольору
- HEX: шестизначний код для веб-дизайну й CSS (#14183d).
- RGB: значення червоного, зеленого й синього від 0 до 255 для екранів.
- HSL і HSV: тон, насиченість і світлота чи яскравість — їх легко налаштовувати вручну.
- CMYK: частки блакитного, пурпурового, жовтого й чорного для друку.
Складання палітри
- Комплементарні кольори протилежні й дають сильний контраст.
- Аналогові кольори сусідні й виглядають спокійно та гармонійно.
- Тріада — рівномірно рознесені кольори для збалансованого й живого вигляду.
- Натисніть на зразок, щоб зробити його поточним кольором і скопіювати коди.
Читабельний текст (WCAG)
Оберіть кольори тексту й тла, і інструмент обчислить коефіцієнт контрасту. Прагніть 4,5:1 для основного тексту й 3:1 для великих заголовків (рівень AA); 7:1 відповідає суворішому рівню AAA.
Поширені запитання
Які коди кольорів можна вводити?
HEX (#1e90ff або 1e90ff), rgb(), hsl(), hsv(), cmyk() і назви кольорів CSS, як-от navy чи tomato.
Як узяти колір із фото чи логотипа?
Відкрийте зображення в розділі «Взяти із зображення» й натисніть на будь-яку точку. Зображення лишається на вашому пристрої.
Значення CMYK точне для друку?
Це стандартне математичне перетворення. Реальні кольори друку залежать від колірного профілю принтера — важливі замовлення погоджуйте з друкарнею.
Що таке коефіцієнт контрасту?
Він показує, наскільки текст читається на тлі. WCAG вимагає щонайменше 4,5:1 для звичайного тексту і 3:1 для великого (рівень AA).
Як створюються палітри?
Поворотом відтінку на колірному колі: комплементарна (180°), аналогова (±30°) і тріада (120°), а також світліші й темніші відтінки.
Чи можна взяти колір із будь-якого місця екрана?
Так, у браузерах, що це підтримують (наприклад, Chrome і Edge на комп’ютері), з’являється кнопка «Взяти з екрана».