Ця палітра кольорів починається з наочного зразка, а точні числа завжди поруч. Можна вставити CSS hex-значення, наприклад #3366cc, підкоригувати червоний, зелений, синій і альфа-канал або налаштувати тон, насиченість і світлоту для роботи з дизайн-системою. Значення кольорів не завантажуються - перетворення виконуються локально в JavaScript.
Безкоштовна палітра кольорів
Працює повністю у вашому браузері - без завантаження на сервер і без реєстрації.
Вибрано#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Що таке палітра кольорів?
Палітра кольорів - це інструмент для вибору точного цифрового кольору й копіювання його значень для дизайну або коду. Використайте зразок кольору, поле HEX, повзунки RGB або елементи HSL, а потім миттєво скопіюйте HEX, RGB, HSL, HSV чи CMYK. Усе працює у вашому браузері.
Як користуватися
- 1Виберіть або вставте колір. Натисніть великий зразок, щоб відкрити вибір кольору в браузері, або вставте HEX-значення з 3, 4, 6 чи 8 символів у поле HEX.
- 2Налаштуйте канали. Використайте повзунки RGB для червоного, зеленого, синього й альфа-каналу або змініть тон, насиченість і світлоту, коли потрібне зручніше керування для дизайну.
- 3Скопіюйте потрібний формат. Скопіюйте HEX, HEX8, RGB, HSL, HSV або CMYK одним кліком. Попередній перегляд і всі вихідні значення оновлюються наживо.
Кому це знадобиться
- Front-end розробники, які копіюють готові для CSS значення HEX, RGB і HSL під час створення інтерфейсів.
- Дизайнери, які налаштовують брендового кольору по каналах, а не вгадують його в графічному застосунку.
- Маркетингові команди, які звіряють кольори кампаній в email-редакторах, документах і матеріалах для соцмереж.
- Студенти й автори, які вивчають, як RGB, HSL, HSV і CMYK описують той самий колір.
Часті запитання
Ця палітра кольорів безкоштовна?
Так. Палітра кольорів безкоштовна, не потребує реєстрації й не має ліміту використання. Відкрийте сторінку, виберіть колір і скопіюйте потрібний формат.
Мої кольори кудись завантажуються?
Ні. Вибір кольору й перетворення працюють у вашому браузері на звичайному JavaScript. Вибрані кольори не надсилаються на сервер.
Які формати кольору можна скопіювати?
Можна скопіювати HEX, 8-значний HEX з альфа-каналом, RGB або RGBA, HSL або HSLA, HSV і CMYK. Інструмент синхронізує їх під час редагування.
Чи можна вставити hex-код кольору?
Так. Вставляйте CSS hex-значення з 3, 4, 6 або 8 символів, із символом # або без нього. Скорочені значення розгортаються за звичайними правилами CSS.
Що таке HEX8?
HEX8 - це 8-значний hex-колір, у якому остання пара зберігає альфа-канал. Наприклад, #3366cc80 - той самий синій з прозорістю приблизно 50%.
Що краще використовувати в CSS: RGB чи HSL?
Використовуйте RGB, коли потрібні точні значення каналів або alpha через rgba(). Використовуйте HSL, коли хочете створювати світліші, темніші або пов'язані стани UI через зміну насиченості й світлоти.