LibraTool logoLibraTool

Акысыз Түс конверттегич

Түстөрдү HEX, RGB, HSL, HSV жана CMYK форматтарынын ортосунда дароо конверттеңиз. Жарыктык шкаласын жана даяр палитраларды камтыйт.

Жүктөлгөндөн кийин оффлайн иштейт

Түстү HEX, RGB, HSL, HSV жана CMYK ортосунда айландырыңыз — түз алдын ала көрүү жана бир таптоо менен көчүрүү менен. Баары браузериңизде иштейт.

Кабылданат: HEX (#fff же #ffffff), RGB (255, 255, 255), же HSL (360, 100%, 50%)

100%
Даяр үлгүлөр:
HEX#14B8A6
rgb() · эскиrgb(20, 184, 166)
rgb() · заманбапrgb(20 184 166)
hsl() · эскиhsl(173, 80%, 40%)
hsl() · заманбапhsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
RGB маанилери20, 184, 166

WCAG контрасты

Ак фонунда

2.49:1

Ийгиликсиз

Кара фонунда

8.44:1

AAA
🖨️ Басып чыгаруу үчүн: Бул CMYK маанилери (89%, 0%, 10%, 28%) сурап-маалымат үчүн стандарттуу sRGB→CMYK жакындатуусу. Так басма түсү үчүн принтериңиздин ICC профилин же басылган корректураны колдонуңуз — экрандагы CMYK ар бир сыя/кагазга дал келбейт.

Жарыктык шкаласы

Ал реңкке которуу үчүн каалаган үлгүнү басыңыз

Бул кантип иштейт

Бардык айландыруу логикасы браузериңизде толугу менен иштеген кол менен жазылган JavaScript — китепкана жок, серверге чалуу жок. Курал киргизүүңүздү талдайт, аны таза математика функцияларынын чынжыры аркылуу багыттайт жана заманбап CSS Color 4 мейкиндиктери oklch() жана lab()ты кошо, он бир чыгуу форматын бир учурда жаратат.

  1. 1
    Ийкемдүү киргизүү талдоо
    Ыңгайлаштырылган талдагыч он алтылык (3, 4, 6 же 8 цифра), rgb()/rgba(), эски үтүр синтаксисинде жана заманбап боштук синтаксисинде тең hsl()/hsla() жана таза сандык үчилиделерди кабыл алат. Ондук же пайыз катары альфа маанилери каалаган айландыруу башталганга чейин 0–1 диапазонуна нормалдаштырылат.
  2. 2
    RGB айландыруу борбору катары
    Кабыл алынган ар бир формат адегенде каноникалык RGB үчилигине чечилет. Ошол жалгыз көрсөтүүдөн курал таралат: HSL жана HSV стандарттуу мин/макс/хрома формулаларын колдонот; CMYK негизги каналды табуу менен алынат; жана перцептивдик-мейкиндик эсептөөлөрдөн мурун sRGB сызыкташтыруу (IEC 61966-2-1те аныкталган бөлүктүү гамма ийриси) колдонулат.
  3. 3
    Перцептивдик түс мейкиндиктери нөлдөн эсептелет
    oklch() Бьорн Оттоссондун эталон 3×3 матрицаларын (LMS куб-тамыр мейкиндиги) колдонуп эсептелет. lab() жана lch() D65 ак чекитинен D50гo айландыруу үчүн Брэдфорд хроматтык адаптациясын колдонот, бул CSS Color 4 lab()ты кандай аныктаарына дал келет. Булар браузер тартуу кыймылдаткычтарында колдонулган эле формулалар — бул жерде эч кандай тышкы көз карандылыксыз ишке ашырылган.
  4. 4
    WCAG контрасты жана жарыктык шкаласы
    Салыштырмалуу жарыктык WCAG 2.1 формуласы боюнча эсептелет (сызыкташтырылган R, G, B 0.2126/0.7152/0.0722 салмакталган) жана ак жана кара түскө каршы контраст катышы AA-чоң, AA, AAA же Ишке ашкан жок деп бааланат. Тогуз-кадамдуу жарыктык тилкеси HSL жарыктык каналын 10%дан 90%гo кадамдап жаратылат, каалаган үлгүнү басып ошол көлөкөнү айландыра аласыз.

Байланыштуу куралдар

🎨

Түс тандоочу жана палитра генератору

Түстөрдү тандап, HEX/RGB/HSL ортосунда конвертациялоо жана гармониялуу палитраларды түзүү.

Байкап көрүңүз
🎨

Түс палитрасы генератору

Каалаган негизги түстөн толуктоочу, аналогдук, триаддык жана монохроматтык түс палитраларын жаратыңыз. Hex коддорду бир кликте көчүрүп алыңыз.

Байкап көрүңүз
🎛️

Резистор түс коду эсептегич

4, 5 жана 6-тилкелүү резисторлорду каршылык, толеранттуулук жана температура коэффициентине чечмелеңиз. Тилке түстөрүн тандап, маанини визуалдык резистор менен дароо окуңуз.

Байкап көрүңүз

Көп берилүүчү суроолор