Конвертор на цветови кодове

Всички инструменти

Преобразувайте цветове между HEX, RGB, RGBA, HSL, HSLA, HSV и CMYK — изберете цвят, настройте алфата и копирайте всеки формат мигновено.

#FFFFFF
Канали
R
G
B
Цветови формати

Въведете произволна HEX, RGB(A) или HSL(A) стойност и всички останали формати се обновяват мигновено.

Бърза палитра

Ръководство за цветови формати

HEX е 6-цифрен шестнадесетичен код като #3B82F6, който съхранява каналите за червено, зелено и синьо (всеки 00–FF). Това е най-разпространеният начин за задаване на цветове в HTML и CSS.

8-цифрен HEX като #3B82F6CC добавя последна двойка цифри за непрозрачност (алфа). Използвайте го за прозрачни цветове в съвременен CSS без отделна стойност rgba().

RGB задава цвят чрез стойности за червено, зелено и синьо от 0 до 255, напр. rgb(59, 130, 246). Съответства на начина, по който екраните излъчват светлина, и е идеален за уеб и дигитален дизайн.

RGBA е RGB с алфа канал от 0 (прозрачно) до 1 (непрозрачно), напр. rgba(59, 130, 246, 0.5). Използвайте го за наслагвания, сенки и ефекти при посочване.

HSL описва цвят чрез нюанс (0–360°), наситеност и светлота, напр. hsl(217, 91%, 60%). Удобен е за прецизиране на цветове и ръчно създаване на палитри.

HSLA е HSL с добавен алфа канал за непрозрачност, напр. hsla(217, 91%, 60%, 0.5). Съчетава четимостта на HSL с контрол върху прозрачността.

HSV, наричан още HSB, използва нюанс, наситеност и стойност (яркост), напр. hsv(217, 76%, 96%). Това е моделът зад инструментите за избор на цвят в повечето програми за дизайн.

CMYK е субтрактивен модел от проценти на циан, магента, жълто и черно (key), напр. cmyk(76%, 47%, 0%, 4%). Това е стандартът за печат, затова проверявайте важните цветове с профила на вашата печатница.

Използвайте HEX или RGB за уебсайтове и добавяйте алфа (RGBA, HSLA или 8-цифрен HEX), когато ви трябва прозрачност. Изберете HSL или HSV за създаване на палитри и CMYK при подготовка на файлове за печат.
Сподели
Свързани инструменти
Търсачка на именувани цветове Намерете най-близкия CSS именуван цвят и най-близкия Tailwind нюанс за всеки цвят — перцептивно съвпадение с готови за копиране стойности. Безплатно
Пипета за цветове от екрана Вземете пробен цвят от всеки пиксел на екрана с пипетата, или извлечете цветове от пуснато изображение, и ги наредете в готова за копиране палитра. Безплатно
Pantone съответствие на цветове Намерете всеки Pantone solid-coated код, за да прочетете неговите HEX, RGB и CMYK стойности, или въведете HEX/RGB цвят и мигновено намерете най-близкото Pantone съответствие — всичко във вашия браузър. Безплатно
Уеб-безопасна цветова палитра Разгледайте класическите 216 уеб-безопасни цвята като кликаема мрежа от мостри — сортирайте по нюанс или кубичен ред, филтрирайте по hex и копирайте всяка HEX или rgb() стойност мигновено. Безплатно
Извличане на цветове от изображение Извлечете изчистена, готова за копиране цветова палитра от всяко изображение. Безплатно
Изцяло черен екран Запълнете целия си екран с чисто черно — идеално за откриване на ярки заседнали пиксели, проверка на пропускане на подсветката или като тъмен фон без разсейване. Безплатно. Безплатно
Популярни търсения
конвертор на цветови кодове hex към rgb rgb към hex hex към hsl конвертиране на цветови формати онлайн конвертор на цветове
Нуждаете се от помощ?
Открихте проблем с този инструмент? Кажете ни.
Докладване на проблем

Добавете този безплатен инструмент към собствения си уебсайт — копирайте и поставете кода по-долу.