Цветови конвертор

Конвертирайте цветове между HEX, RGB, HSL, HSV, CMYK и LAB — редактирайте едно поле и останалите се обновяват в реално време.

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

ЧЗВ

Между кои цветови формати мога да конвертирам?

HEX, RGB, HSL, HSV, CMYK и LAB. Въведете стойност в което и да е от полетата и останалите пет ще се актуализират едновременно, за да можете да преминете от всеки формат към всеки друг.

Готов ли е CMYK резултатът за професионален печат?

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

Защо LAB или CMYK цвят се връща леко променен?

LAB и CMYK могат да опишат цветове, които екранът не може да покаже. Когато дадена стойност попадне извън видимия RGB диапазон, тя се привлича към най-близкия възпроизводим цвят, така че обратното конвертиране може леко да я промени.

Написано и проверено от редакционния екип на BroBroGo.Последна актуализация:

Функциониране на цифровите цветови модели

Дигиталното представяне на цветовете изисква различни математически модели в зависимост от това дали се работи за екран, печат или научен анализ на човешкото зрение. Всеки модел дефинира цвят чрез специфични координати и числови диапазони:

  • HEX: Шестнадесетичен код, който представя червения, зеления и синия канал в компактен формат, например #4f46e5 или трицифрения вариант #abc.
  • RGB: Адитивен модел, съставен от три числа за червено, зелено и синьо в диапазона от 0 до 255, като например 79, 70, 229.
  • HSL: Модел, базиран на възприятието, описващ цветен тон (Hue) от 0 до 360 градуса, наситеност (Saturation) в проценти и осветеност (Lightness) в проценти, например 243, 75%, 59%.
  • HSV: Подобен на HSL, но използващ стойност на яркостта (Value) вместо осветеност, дефиниран с тон от 0 до 360 и два процента, например 243, 69%, 90%.
  • CMYK: Субтрактивен модел за печат, състоящ се от четири процента (циан, магента, жълто и ключово черно) от 0 до 100, например 66%, 69%, 0%, 10%.
  • LAB: Цветово пространство, дефинирано от L (осветеност от 0 до 100), координата a (зелено-червена ос) и координата b (синьо-жълта ос), например 40.73, 50.63, -79.08.

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

Разлики между адитивни и субтрактивни цветови модели

В уеб разработката и графичния дизайн се използват два фундаментално различни принципа за смесване на цветовете. Моделите RGB, HEX, HSL и HSV са адитивни. Те описват светлината, излъчвана директно от екраните, където смесването на червено, зелено и синьо в максимални стойности води до бяла светлина.

За разлика от тях, моделът CMYK е субтрактивен и се използва при физическия печат. Той описва как мастилата върху хартията абсорбират (субтрахират) светлината. Смесването на циан, магента и жълто теоретично създава черно, но на практика се добавя четвърти пигмент (Key/Black) за постигане на дълбочина и икономия на мастило.

Ограничения при конвертирането и цветови обхват

Преминаването между различни цветови пространства е свързано с физическите ограничения на устройствата за възпроизвеждане. Цветовият обхват (gamut) на печатните машини (CMYK) е по-тесен от този на съвременните екрани (RGB). Поради тази причина изчислените стойности за CMYK на екрана са само приблизителна оценка. Реалният отпечатан цвят зависи от фактори като вида на хартията, използваното мастило и специфичните профили на принтера.

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

Валидация на данните и съобщения за грешка

За да се осигури коректно конвертиране, въведените стойности трябва да отговарят на строги синтактични правила. При въвеждане на некоректни данни се задействат следните съобщения за грешка:

  • При грешен HEX формат: "Въведете hex цвят като #4f46e5 или #abc."
  • При грешен RGB формат: "Въведете RGB като три числа от 0 до 255, например: 79, 70, 229."
  • При грешен HSL формат: "Въведете HSL като тон (hue) 0–360 с два процента, например: 243, 75%, 59%."
  • При грешен HSV формат: "Въведете HSV като тон (hue) 0–360 с два процента, например: 243, 69%, 90%."
  • При грешен CMYK формат: "Въведете CMYK като четири процента от 0 до 100, например: 66%, 69%, 0%, 10%."
  • При грешен LAB формат: "Въведете LAB като L 0–100 с a и b, например: 40.73, 50.63, -79.08."

Локална обработка и поверителност

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

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

Между кои цветови формати мога да конвертирам?
HEX, RGB, HSL, HSV, CMYK и LAB. Въведете стойност в което и да е от полетата и останалите пет ще се актуализират едновременно, за да можете да преминете от всеки формат към всеки друг.

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

Защо LAB или CMYK цвят се връща леко променен?
LAB и CMYK могат да опишат цветове, които екранът не може да покаже. Когато дадена стойност попадне извън видимия RGB диапазон, тя се привлича към най-близкия възпроизводим цвят, така че обратното конвертиране може леко да я промени.

Пипета за цветове от изображениеИзберете всеки пиксел от изображение и вижте неговия HEX, RGB и HSL код с помощта на лупа за прецизно вземане на проба.Проверка на контрастаВъведете цвят на текста и фона, за да видите съотношението на контраста по WCAG и кои нива AA и AAA се покриват.Двоичен/Шестнадесетичен конверторКонвертирайте числа между двоична, шестнадесетична, десетична и осмична система — или превърнете текст в байтове.Конвертор на формати за изображенияКонвертирайте JPG, PNG, WebP, HEIC и AVIF изображения директно във Вашия браузър.Компресор на изображенияНаправете JPEG, PNG и WebP файловете по-малки във вашия браузър, със същите размери в пиксели.Калкулатор за съотношение на страниПревърнете всяка ширина × височина в чисто съотношение като 16:9 или изберете съотношение и изчислете липсващата страна — за видео, снимки и екрани.Генератор на фавикониПревърнете един PNG, JPG или SVG файл във favicon.ico и всеки необходим размер на икона за Вашия сайт, събрани в ZIP архив.Генератор на Box ShadowПлъзгайте регулаторите, за да оформите box-shadow, наслагвайте слоеве за дълбочина и копирайте готовия CSS веднага.Генератор на градиентиСъздайте линеен, радиален или коничен градиент, добавете цветни точки, задайте посоката и копирайте готовия CSS с едно щракване.Генератор на Border RadiusЗаобляйте всеки ъгъл с плъзгачи, оформяйте органични петна с елиптичния режим и копирайте CSS кода мигновено.Генератор на FlexboxНастройте flex контейнер и неговите елементи с визуални контроли, наблюдавайте промените в реално време и копирайте CSS кода с едно щракване.CSS форматиране и минифициранеПренаредете разхвърляния CSS за лесно четене или го минифицирайте за по-бързо зареждане — с безопасен режим, който никога не променя реда на правилата Ви.Конвертор от px към rem и emКонвертирайте между px, rem и em, като използвате Ваши собствени размери за основен шрифт и контекст — редактирайте което и да е поле и останалите две се обновяват, докато пишете.