Преобразуване на цветовия код

Преобразуване на цветови кодове (Color Converter)

Когато зададете цвят чрез палитрата за избор на цвят или чрез числова стойност, системата автоматично изчислява стойностите в HEX, RGB, HSL, HSV и CMYK. Можете да копирате всеки формат с едно кликване и да проверите контрастното съотношение с допълващите цветове и цветовете на текста.

Въведете цвят

Поддържа форматите #RGB, #RGBA, #RRGGBB и #RRGGBBAA.

%
%

%
%

%
%
%
%

Резултат от превода

Въведените цветове са преобразувани във всеки цветови формат.

Примерен текст
HEX
HEXA (с непрозрачност)
RGB
RGBA
HSL
HSLA
HSV / HSB
CMYK

Допълващи се цветове

Това е противоположният цвят, изместен с 180 градуса по цветовото колело.

Контраст с цвета на текста

Съотношение спрямо бял текст
Съотношение спрямо черен текст
Цвят на текста, който се чете лесно:

Всички преобразувания на цветовете се извършват в браузъра; въведените данни не се изпращат към сървъра.

Какво представлява инструментът за преобразуване на цветови кодове?

Color Code Converter е безплатен онлайн инструмент, който преобразува числовите представяния на цветовете, използвани в уеб дизайна, разработката на приложения, редактирането на изображения и печатния дизайн. Дори и за един и същ цвят той се посочва в различни формати — като HEX, RGB, HSL, HSV и CMYK — в зависимост от приложението или софтуера. С този инструмент можете да видите стойностите за всички основни формати с един поглед, като просто въведете един цвят.

HEX е шестнадесетична нотация, широко използвана в CSS на уебсайтовете. Например, бялото се представя като #FFFFFF, а черното – като #000000. RGB е система, която комбинира червена, зелена и синя светлина по скала от 0 до 255 и се използва за управление на цветовете на дисплеите. RGBA и 8-цифровото HEXA също ви позволяват да зададете прозрачност, което ги прави полезни за създаване на полупрозрачни цветове на фона и наслагвания.

HSL представя цвета чрез оттенък, наситеност и светлина. Оттенъкът се определя на цветовото колело в диапазон от 0 до 360 градуса, докато наситеността и светлината се определят по скала от 0 до 100%.Този формат улеснява интуитивното регулиране на цветовете, като например лекото им изсветляване или намаляване на яркостта им. HSV или HSB представят цвета чрез оттенък, наситеност и яркост и се използват в много графични програми и инструменти за избор на цвят.

CMYK е цветови модел, базиран на количествата циан, магента, жълто и черно мастило, и се използва предимно в печатарската индустрия. Въпреки това, CMYK стойностите, изчислени математически въз основа на RGB цветовете на екрана, са само приблизителни. Тъй като действителните резултати при печат зависят от фактори като хартия, мастило, печатарска машина и ICC профили, моля, консултирайте се с вашата печатница и проверете средата си за управление на цветовете за печатни материали, които изискват точност на цветовете.

Този инструмент показва не само стойностите за всеки формат, но и предварителен преглед на избрания цвят, неговия допълващ цвят (с отклонение от 180 градуса в оттенъка) и коефициента на контраст при наслагване на бял и черен текст. Той е полезен за избор на цветове на текста, които се четат лесно на фона, както и за обмисляне на цветови схеми с оглед на достъпността.Всички изчисления се извършват в браузъра, а въведената от вас информация за цветовете никога не се изпраща към сървъра.

Как да се използва

  1. Използвайте палитрата за избор на цвят или въведете стойност в HEX, RGB, HSL, HSV или CMYK.
  2. В зависимост от въведения от вас формат, стойностите в други цветови формати ще се актуализират автоматично.
  3. Ако е необходима прозрачност, настройте плъзгача за прозрачност или числовото поле.
  4. Когато кликнете върху „Показване на резултатите от конверсията“, ще бъдете пренасочени към раздела с резултатите, където можете да проверите всеки формат, допълващите се цветове и съотношението на контраста.
  5. Кликнете върху „Копирай“ в желания формат, след което го поставете в CSS, инструменти за дизайн, документация и др.

Предпазни мерки при употреба

  • Стойностите в CMYK са общи преобразувания, изведени от RGB, и не гарантират точно възпроизвеждане на цветовете при печат.
  • Прозрачността се отразява в RGB, HSL и HEXA форматите, но CMYK не включва концепцията за прозрачност.
  • В зависимост от настройките на дисплея, браузъра и операционната система един и същ цветови код може да изглежда по различен начин.
  • Коефициентът на контраст се изчислява въз основа на непрозрачни цветове, като се изключва прозрачността. Четливостта може да варира в зависимост от конкретното фоново изображение и начина, по който елементите се припокриват.
  • Много малките десетични числа ще бъдат закръглени до подходящ брой знаци след десетичната запетая с цел по-добра четимост.

Често задавани въпроси

Цветовете се представят в шестнадесетична нотация. Обикновено се използва 6-цифрен формат #RRGGBB; когато се включва прозрачност, се използва 8-цифрен формат #RRGGBBAA.

RGB се състои от три компонента – червено, зелено и синьо – докато RGBA добавя алфа канал за представяне на прозрачността.

Това е полезно, когато искате да регулирате яркостта или наситеността, като запазите същия оттенък. То е подходящо и за създаване на цветови вариации в CSS.

Като цяло те се отнасят до един и същ модел. „V“ означава „Value“ (стойност), а „B“ означава „Brightness“ (яркост), въпреки че терминологията може да варира в зависимост от приложението.

Показва приблизителни стойности, изчислени въз основа на общи формули. За постигане на точни цветове при печат са необходими ICC профили и специфична печатна среда.

Да. Ако въведете стойност във формат #RGB, тя ще бъде преобразувана в #RRGGBB, като всяка цифра се повтаря два пъти.

Да. Поддържа както #RGBA, така и #RRGGBBAA за вход и изход.

Това са цветове, разположени на противоположната страна на цветовото колело. Този инструмент ги изчислява чрез завъртане на HSL оттенъка с 180 градуса.

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

Сравнете коефициентите на контраст в раздела с резултатите; изборът на този с по-висок коефициент ще подобри четимостта.

Не. Преобразуването и визуализацията се извършват изцяло в браузъра; стойностите на цветовете не се изпращат към сървъра за обработка.

Да. Можете да преобразувате стойностите, като използвате палитрата за избор на цвят или полетата за въвеждане на числа в поддържаните браузъри.