Инструмент за конвертиране

Преобразувайте HEX, RGB, HSL, HSV и CMYK

Преобразувайте HEX, RGB, HSL, HSV/HSB и CMYK в браузъра. Изберете цвят, копирайте кодове и проверете контраста WCAG. Нищо не се качва.

Поставете цветен код или ползвайте избора. HEX, RGB, HSL, HSV и CMYK се обновяват заедно. Контрастът се мери с отношения WCAG върху непрозрачен фон.

  • Работи локално
  • Без качване
  • Мигновено
  • Безплатно
Преглед
Върху бяло
Върху черно
Формат на въвеждане

RGBA, HSLA и 8-цифрен HEX пазят алфа. Низовете HSV и CMYK не; алфата се показва отделно.

HSV и HSB са един и същ модел. V и B и двете означават яркост.

CMYK тук е оценка от екранно RGB. Не е преобразуване на печатен ICC профил.

Контраст WCAG

Предният план може да има алфа и се смесва върху непрозрачен фон. Тази версия не ползва алфа на фона. Само контрастът не доказва, че страницата е достъпна.

Проверка Резултат
AA обикновен текст
AA едър текст
AAA обикновен текст
AAA едър текст

Образец на обикновен текст

Образец на едър текст

Преобразуването на цвят и проверките за контраст се изпълняват в браузъра. Стойностите не се качват.

Как работи

  1. Поставете стойност HEX, RGB, HSL, HSV или CMYK, или ползвайте избора.
  2. Прочетете преобразуваните кодове и копирайте нужното.
  3. Ако цветът е за текст, проверете контраста върху непрозрачен фон.

Защо NEXNARA

  • Поверително

    Данните остават в браузъра.

  • Моментално

    Резултатът се появява веднага.

  • Без качване

    Нищо не се изпраща към сървър на NEXNARA.

  • Работи навсякъде

    Не е нужна инсталация.

Научете повече

Какво е преобразувател на цветове?

Инструментът превръща една запис на цвят в останалите. Копирайте HEX за CSS, RGB за дизайн, HSL за настройка, HSV за избор или проста CMYK оценка. Цялото смятане остава в браузъра.

Какво е HEX?

HEX записва червено, зелено и синьо като шестнадесетични двойки, например #FF0000. Краткото #RGB удвоява всяка цифра. Осемцифреното #RRGGBBAA добавя алфа. Тук # е по желание.

Какво е RGB?

RGB смесва червено, зелено и синьо от 0 до 255. RGBA добавя алфа 0–1. Екраните показват цвят в RGB, затова това е централният формат на другите преобразувания.

Какво е HSL?

HSL е нюанс (0–360), наситеност (0–100%) и светлина (0–100%). Нюанс 360 е същото като 0. HSLA добавя алфа. Полезно е, когато искате да изсветлите или наситете без да мислите сурово RGB.

Какво е HSV / HSB?

HSV (наричано и HSB) ползва нюанс, наситеност и стойност/яркост. Не е HSL: напълно ярко червено е hsv(0, 100%, 100%) и hsl(0, 100%, 50%). Инструментът приема HSV и HSB за един модел.

Какво е CMYK?

CMYK е циан, маджента, жълто и черно, всяко 0–100%. Принтерите ползват CMYK. Тук преобразуването е математическа оценка от екранно RGB, не готов за печат ICC профил.

RGB срещу CMYK

RGB е събирателна светлина на екрана. CMYK е изваждащо мастило на хартия. Същите числа не винаги съвпадат с печатен образец. Ползвайте този CMYK като груба представа, не за окончателен печат.

Какво е алфа?

Алфа е непрозрачност. 1 е плътно; 0 е напълно прозрачно. 8-цифрен HEX, RGBA и HSLA я пазят. Изходите HSV и CMYK на тази страница нямат алфа, затова полето остава видимо.

Какво е отношение на контраст WCAG?

Контрастът WCAG сравнява относителната яркост на текст и фон. Обичайни цели: 4,5:1 AA обикновен, 3:1 AA едър, 7:1 AAA обикновен и 4,5:1 AAA едър. Не покрива размер на шрифт, дебелина или останалата достъпност.

Как да преобразувате цвят

Изберете HEX, RGB, HSL, HSV или CMYK. Поставете стойност или преместете избора. Преобразуването върви докато пишете. Копирайте който и да е резултат. За контраст сложете непрозрачен фон и четете PASS или FAIL до всеки ред WCAG.

Поверителност

Нищо не се изпраща към NEXNARA или външно цветово API. Инструментът не пази стойности в бисквитки или локално хранилище.

ЧЗВ

Как да преобразувам HEX в RGB?

Поставете HEX като #FF0000 или изберете цвета. RGB се появява като rgb(255, 0, 0).

Как да преобразувам RGB в HEX?

Изберете RGB и въведете rgb(255, 0, 0) или полетата R, G, B. HEX става #FF0000.

Каква е разликата между HSL и HSV?

И двете ползват нюанс и наситеност, но третият канал на HSL е светлина, а на HSV стойност (яркост). Напълно ярко червено е 50% светлина в HSL и 100% стойност в HSV.

HSV същото ли е като HSB?

Да. B в HSB (brightness) е V в HSV (value). Приемат се hsv() и hsb().

Може ли RGB да се преобразува в CMYK?

Да, като оценка от екранно RGB. Няма да съвпадне с всеки принтерен профил.

Защо печатното CMYK може да изглежда различно?

Хартията, мастилото и ICC профилите променят резултата. Страницата не симулира печатна машина.

Какво означава 8-цифрен HEX?

Последните две цифри са алфа. #FF000080 е червено с около 50% непрозрачност.

Какво отношение на контраст ми трябва?

WCAG AA за обикновен текст е 4,5:1. Едрият текст може 3:1. AAA за обикновен е 7:1. Инструментът отчита само тези четири проверки.

Преобразуването местно ли е?

Да. Изпълнява се в браузъра. Няма сървър и няма външно API.

Как да преобразувам HEX в HSL?

Поставете HEX и прочетете полето HSL, или започнете от HSL и копирайте HEX. Нюанс 360 е равен на 0.