Преобразувайте цвят между HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK и Display P3. Изберете изходния и целевия формат, въведете стойността във формат CSS или като обикновени числа и получете резултат, готов за CSS, изчислен с библиотеката culori. Цветовете извън гамата на целевия формат се преобразуват според спецификацията CSS Color 4. Създаден за разработчици и дизайнери, които пренасят цветове между код и инструменти за дизайн.
Десет формата: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK и Display P3. Всеки от тях може да бъде изходен или целеви формат, което дава 90 посоки на преобразуване. Резултатите използват съвременния синтаксис на CSS Color 4, например rgb(255 136 0) или oklch(0.7442 0.1812 56.46).
Въведете пълния запис CSS на изходния формат, например hsl(32 100% 50%) или color(display-p3 1 0.5 0), или само числовите стойности, например 32, 100%, 50% при избран формат HSL. Шестнадесетичните кодове работят със или без # и могат да съдържат 3, 4, 6 или 8 цифри. Стойността трябва да съответства на избрания изходен формат, затова стойност rgb() на страница за HSL се отхвърля, за да не бъде преобразувана погрешно.
culori няма режим CMYK, затова преобразувателят използва стандартната опростена формула със стойности за sRGB от 0 до 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), а за M и Y се използва същият принцип. В обратната посока R = (1 - C) x (1 - K) и така нататък. Това не е преобразуване с ICC профил и резултатът няма да съвпада с този за конкретна печатна машина или хартия; използвайте го за приблизителни екранни цветове и ориентировъчни спецификации.
Използвайте cmyk(0%, 47%, 100%, 0%), устройство-cmyk(0 0.47 1 0) или четири обикновени числа. Стойностите със знак за процент са проценти; стойностите без мерна единица се приемат за части от 0 до 1, освен ако някоя не е над 1, в който случай всички се приемат за проценти, така че 0, 47, 100, 0 работи очаквано. Резултатът CMYK винаги се записва като проценти с до два знака след десетичната запетая.
Lab, LCH, OKLab, OKLCH и Display P3 могат да описват цветове, които sRGB не може да показва. Когато целевият формат е HEX, RGB, HSL, HWB или CMYK, които са sRGB, или Display P3, цвят извън гамата се преобразува чрез алгоритъма Color 4 на CSS, който намалява наситеността по OKLCH, докато цветът се вмести, и към резултата се добавя бележка. Целевите формати Lab, LCH, OKLab и OKLCH са неограничени и никога не се преобразуват.
Да, за всички целеви формати освен CMYK. Алфа стойност във входа, например rgb(255 136 0 / 50%) или #ff880080, се записва като / 0.5 във функциите CSS и като 8-цифрен шестнадесетичен код. CMYK няма алфа канал, затова алфата се премахва.
Каналите RGB се закръгляват до цели числа от 0 до 255; процентите на HSL, HWB и CMYK, както и стойностите на Lab и LCH — до два знака след десетичната запетая; стойностите на OKLab, светлината и наситеността по OKLCH и каналите на Display P3 — до четири знака; оттенъците — до два знака. Всички изчисления се извършват с пълна двойна точност преди закръгляването, така че преобразуването в двете посоки остава в рамките на закръгляването на оригинала.
CIELAB и CIE LCH с бяла точка D50, точно както са дефинирани от функциите CSS lab() и lch(), с адаптация на Bradford от бялата точка D65 на sRGB. Светлината варира от 0 до 100. OKLab и OKLCH са перцептивните цветови пространства на Bjorn Ottosson, използвани от CSS oklab() и oklch(), със светлина от 0 до 1.
Формулярът на страницата преобразува по един цвят наведнъж. Клиенти, които извикват инструмента директно, могат да изпратят до 100 цвята, по един на ред, и да получат по една преобразувана стойност на ред в същия ред. Всеки цвят може да е с дължина най-много 100 знака.
Неутралните цветове нямат оттенък, който CSS може да запише като none. Конверторът записва вместо това 0, за да работи стойността и в инструменти, които не приемат none. Оттенъкът няма видим ефект, когато наситеността или интензитетът на цвета са нулеви.
Преобразувайте цветовете HEX в RGB с една стъпка. Въведете стойност HEX във формат CSS или като обикновени числа и получете точното съответствие в RGB, закръглено за CSS и изчислено с библиотеката culori. Когато RGB не може да покаже цвета, той се преобразува до най-близкия цвят в гамата, както е указано в CSS Color 4. Създаден за разработчици и дизайнери, които пренасят цветове между стилови таблици, инструменти за дизайн и спецификации.
Преобразувайте цветовете HEX в HSL с една стъпка. Въведете стойност HEX във формат CSS или като обикновени числа и получете точното съответствие в HSL, закръглено за CSS и изчислено с библиотеката culori. Когато HSL не може да покаже цвета, той се преобразува до най-близкия цвят в гамата, както е указано в CSS Color 4. Създаден за разработчици и дизайнери, които пренасят цветове между стилови таблици, инструменти за дизайн и спецификации.
Преобразувайте цветовете HEX в HWB с една стъпка. Въведете стойност HEX във формат CSS или като обикновени числа и получете точното съответствие в HWB, закръглено за CSS и изчислено с библиотеката culori. Когато HWB не може да покаже цвета, той се преобразува до най-близкия цвят в гамата, както е указано в CSS Color 4. Създаден за разработчици и дизайнери, които пренасят цветове между стилови таблици, инструменти за дизайн и спецификации.
Преобразувайте цветовете HEX в Цветово пространство CIELAB с една стъпка. Въведете стойност HEX във формат CSS или като обикновени числа и получете точното съответствие в Цветово пространство CIELAB, закръглено за CSS и изчислено с библиотеката culori. Когато Цветово пространство CIELAB не може да покаже цвета, той се преобразува до най-близкия цвят в гамата, както е указано в CSS Color 4. Създаден за разработчици и дизайнери, които пренасят цветове между стилови таблици, инструменти за дизайн и спецификации.
Преобразувайте цветовете HEX в CIE LCH с една стъпка. Въведете стойност HEX във формат CSS или като обикновени числа и получете точното съответствие в CIE LCH, закръглено за CSS и изчислено с библиотеката culori. Когато CIE LCH не може да покаже цвета, той се преобразува до най-близкия цвят в гамата, както е указано в CSS Color 4. Създаден за разработчици и дизайнери, които пренасят цветове между стилови таблици, инструменти за дизайн и спецификации.
Преобразувайте цветовете HEX в Цветово пространство OKLab с една стъпка. Въведете стойност HEX във формат CSS или като обикновени числа и получете точното съответствие в Цветово пространство OKLab, закръглено за CSS и изчислено с библиотеката culori. Когато Цветово пространство OKLab не може да покаже цвета, той се преобразува до най-близкия цвят в гамата, както е указано в CSS Color 4. Създаден за разработчици и дизайнери, които пренасят цветове между стилови таблици, инструменти за дизайн и спецификации.
OneClick Pro е безплатна колекция от над 150 уеб инструмента за ежедневна работа: преобразуване на изображения и единици, форматиране и валидиране на код, проверка на домейни и SEO, както и работа с текст, дати и числа. Всеки инструмент работи без регистрация или абонамент, а въведеното от вас се използва само за изчисляване на резултата и никога не се съхранява. Използвайте го като бърз набор от инструменти за еднократни задачи или добавете в отметките инструментите, на които разчитате всеки ден.