Command Palette

Search for a command to run...

ЦВ

Цветопередатчик и конвертер

Выбирайте цвета и конвертируйте между HEX, RGB и HSL форматами

Opacity100%
r
102
g
126
b
234
HEX#667EEA
HEXA#667EEAFF
RGBrgb(102, 126, 234)
RGBArgba(102, 126, 234, 1)
HSLhsl(229, 76%, 66%)
HSLAhsla(229, 76%, 66%, 1)
HWBhwb(229 40% 8%)
LABlab(56% 22 -57)
LCHlch(56% 61.1 291.1)
OKLABoklab(0.63 0 -0.16)
OKLCHoklch(0.63 0.16 270)
#667EEA
Category:color
Mode:Offline
Version:1.0.0
Access:Free

Что такое палитры и конвертер цветов?

Color Picker & Converter interface on Toolz.dev - Pick colors and convert between HEX, RGB, and HSL formats

Color Picker & Converter — это бесплатный онлайн-инструмент, который позволяет визуально выбирать цвета и конвертировать между популярными цветовыми форматами, включая HEX, RGB и HSL. Это важная утилита для веб-дизайнеров, разработчиков, художников-графиков и всех, кто работает с цифровыми цветами.

Инструмент обеспечивает интерактивный палитры цветов с селектором спектра, элементами управления яркостью и насыщенностью, а также ползунком непрозрачности. Выбирая цвет, вы сразу видите соответствующий шестнадцатеричный код, значения RGB и значения HSL, что позволяет легко получить точный формат, необходимый для вашего проекта.

Помимо базового выбора цвета, инструмент также генерирует дополнительные, аналогичные и другие палитры гармонии цветов на основе выбранного вами цвета. Это поможет вам быстро построить сплоченные цветовые схемы для веб-сайтов, приложений и дизайн-проектов. Вся обработка выполняется в вашем браузере без установки.

HEX, RGB и HSL - это три способа записи одного и того же цвета sRGB, а не трех цветовых пространств, поэтому преобразование между ними является точным и без потерь в обоих направлениях. HSL полезен для рассуждения, потому что регулировка яркости или насыщенности при сохранении оттенка сохраняет цвета в одном семействе, что гораздо сложнее сделать путем редактирования шестизначных цифр. Современный CSS добавляет обозначения, выходящие за пределы sRGB, такие как oklch и display-p3, и они могут описывать цвета, которые не могут использовать никакие значения шестнадцатеричного значения. Все, что здесь выражено, остается внутри sRGB, который является безопасной общей основой, которую может показать каждый дисплей. Глазная капельница, в которой ее предоставляет браузер, выбирает визуализированный пиксель, а не исходный цвет, поэтому значение, выбранное из изображения, которое было масштабировано или управлялось цветом, может немного отличаться от исходного файла.

Как использовать палитры и конвертер цветов?

1

Выберите цвет

Используйте визуальный палитры цветов, чтобы выбрать цвет, нажав на спектр, настройте ползунок HUE или введя определенное значение цвета в любом формате.

2

Просмотр значений цвета

Одновременно см. выбранный цвет, отображаемый в форматах HEX, RGB и HSL. Каждый формат обновляется в режиме реального времени, когда вы настраиваете цвет.

3

Исследуйте цветовые гармонии

Просмотрите дополнительные, аналогичные, триадные и другие предложения по цветовой гармонии, основанные на выбранном вами цвете, чтобы создавать сплоченные палитры.

4

Скопируйте цветной код

Нажмите на любой цветовой формат, чтобы скопировать его в буфер обмена. Используйте его непосредственно в CSS, инструменте дизайна или приложении.

Основные характеристики

Поддержка канала Альфа

Читает и записывает 8-значные HEX и rgba, поэтому цвет с прозрачностью выживает при преобразовании, а не теряет свою альфа

Многоформатное преобразование

Мгновенное преобразование цветовых форматов HEX, RGB и HSL с одним выбором цвета

Визуальный выбор цветов

Интерактивный цветовой спектр с элементами управления оттенком, насыщенностью и яркостью для точного выбора цвета

палитры цветов гармонии

Автоматически генерировать дополнительные, аналогичные, триадные и разделенные дополнительными цветовыми схемами

Frequently Asked Questions

Разделите шестизначный шестнадцатеричный код на три пары и прочитайте каждую пару как шестнадцатеричное число от 0 до 255. В #FF5733 FF составляет 255 (красный), 57 — 87 (зеленый) и 33 — 51 (синий), что дает RGB (255, 87, 51). Вставьте шестнадцатеричный код в комплектовщик, и значения RGB и HSL отображаются немедленно.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

colorpickerconverterhexrgbhslpalettecomplementaryanalogous