Выбирайте, конвертируйте и копируйте цвета в форматах HEX, RGB, HSL, OKLCH. Сохранение палитр. Бесплатно.
#2563EBНажмите Ctrl+D, чтобы добавить страницу в закладки
Палитра цветов позволяет выбирать, преобразовывать и копировать цвета в 4 форматах: HEX, RGB, HSL, OKLCH. Включает сохранение палитры.
Да, вы можете ввести HEX-код напрямую, чтобы выбрать точный цвет.
Все три записывают один и тот же цвет по-разному. HEX вида #FF5733 короток и удобно переносится между макетом и CSS; RGB напрямую показывает каналы красного, зелёного и синего, что удобно для вычислений в коде. HSL раскладывает цвет на тон, насыщенность и светлоту, поэтому проще всего сделать вариант просто темнее или бледнее.
Экран создаёт цвет, складывая свет (RGB), а печать вычитает его слоями краски (CMYK), и охваты у них разные. У почти флуоресцентных зелёных, оранжевых и голубых просто нет красочного эквивалента, поэтому они заметно тускнеют. Если макет идёт в печать, избегайте предельно насыщенных цветов и передавайте типографии значения CMYK или номер Pantone вместо HEX.
В десктопных браузерах на Chromium — Chrome, Edge — встроенный EyeDropper берёт цвет из любого окна, а не только со страницы. Safari, Firefox и мобильные браузеры пока это не поддерживают, поэтому кнопка пипетки там не появляется. В таком случае сделайте снимок экрана, загрузите его как изображение и возьмите цвет с картинки.