Конвертор на бои

Претворајте бои меѓу HEX, RGB, HSL, HSV, CMYK и LAB — уредете кое било поле, а останатите се ажурираат во од.

Секое претворање се извршува во Вашиот прелистувач. Ништо од она што го внесувате не се испраќа на BroBroGo.

ЧПП

Помеѓу кои формати на бои можам да вршам претворање?

HEX, RGB, HSL, HSV, CMYK и LAB. Внесете вредност во кое било од нив и останатите пет се ажурираат одеднаш, така што можете да преминете од кој било формат во кој било друг.

Дали CMYK излезот е подготвен за професионално печатење?

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

Зошто бојата во LAB или CMYK се враќа малку променета?

LAB и CMYK можат да опишат бои што екранот не може да ги прикаже. Кога некоја вредност паѓа надвор од видливиот опсег на RGB, таа се повлекува до најблиската боја што може да се прикаже, па затоа повторното претворање може малку да ја промени.

Напишано и проверено од уредничкиот тим на BroBroGo.Последно ажурирано:

Како функционира алатката Конвертор на бои

Алатката „Конвертор на бои“ овозможува брзо и едноставно претворање на вредностите на боите помеѓу различни формати во реално време. Корисникот може да внесе вредност во кое било од достапните полиња за внесување, по што алатката веднаш ги ажурира сите останати формати на бои за да соодветствуваат со внесената вредност. Дополнително, бојата може да се избере и визуелно преку палетата за избор на боја.

Оваа алатка е наменета за дизајнери, фронт-енд програмери (front-end developers), како и за секој друг што има потреба да пренесува вредности на бои помеѓу различни простори на бои.

Поддржани влезови и формати на бои

Алатката поддржува внесување и претворање на следниве формати на бои:

  • HEX: Хексадецимален код на боја, како на пример #4f46e5 или #abc.
  • RGB: Три броја кои ги претставуваат вредностите за црвена (red), зелена (green) и сина (blue) боја во опсег од 0 до 255, на пример 79, 70, 229.
  • HSL: Тон (hue) во опсег од 0–360, заситеност (saturation) изразена во проценти и осветленост (lightness) изразена во проценти, на пример 243, 75%, 59%.
  • HSV: Тон (hue) во опсег од 0–360, заситеност (saturation) во проценти и вредност/светлина (value) во проценти, на пример 243, 69%, 90%.
  • CMYK: Четири процентуални вредности кои ги претставуваат цијан (cyan), магента (magenta), жолта (yellow) и клучната црна (key/black) боја, во опсег од 0 до 100, на пример 66%, 69%, 0%, 10%.
  • LAB: Вредности за L (светлина од 0–100), a (зелено-црвена оска) и b (сино-жолта оска), на пример 40.73, 50.63, -79.08.
  • Избор на боја: Визуелна алатка за селектирање боја директно од екран.

Секое од овие полиња служи истовремено и како влезен формат за внесување податоци и како излезен формат кој ги прикажува претворените вредности.

Правила за претворање и гранични случаи

При користење на алатката важат следниве правила и технички ограничувања:

  • Инстантна синхронизација: Уредувањето на кое било поле веднаш ги ажурира сите останати полиња на екранот.
  • Ограничувања на опсегот на бои (Gamut): Доколку внесете вредност во LAB или CMYK која се наоѓа надвор од видливиот RGB опсег на екранот, вредноста автоматски се прилагодува до најблиската боја што може да се прикаже. Поради ова прилагодување, доколку таквата боја ја претворите назад во нејзиниот оригинален формат, може да се појави мало отстапување во вредностите.
  • Проценки за CMYK: Излезните вредности за CMYK претставуваат приближна проценка на екранот. Овие вредности може да се разликуваат од реалните вредности што се користат во професионалното печатење, бидејќи крајниот резултат зависи од хартијата, мастилото и специфичните профили на печатачот.

Пораки за грешка при невалиден внес

Доколку внесената вредност во некое од полињата не е во правилниот формат, алатката ќе ги прикаже следниве соодветни пораки за грешка:

  • За невалиден 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 ниту се зачувува на надворешни сервери.

Често поставувани прашања (FAQ)

Помеѓу кои формати на бои можам да вршам претворање?

Можете да вршите претворање помеѓу форматите 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 користејќи ги Вашите сопствени основни и контекстуални големини на фонтови — уредете кое било поле и останатите две се ажурираат додека пишувате.