LibraTool logoLibraTool

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

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

Жүктөлгөндөн кийин оффлайн иштейт
HEX
HSV
h217°
s76%
v96%
көрсөтүү үчүн гана

RGB

r
g
b

HSL

H
S
L

Көбүрөөк формат

CMYKcmyk(76%, 47%, 0%, 4%)
OKLCHoklch(62.3% 0.188 259.8)

WCAG контрасты

Ак фондо текст3.68:1AA чоң
Кара фондо текст5.71:1AA

Түс палитрасы

Толуктоочу

#3b82f6
#f6af3c

Триадалык

#3b82f6
#f63c83
#83f63c

Окшош

#3ce0f6
#3b82f6
#523cf6

Монохромдук

#073c92
#0a5adb
#3b82f6
#85b2f9
#cee0fd

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

Баары кол менен жазылган айландыруу математикасы колдонуп түз браузериңизде иштейт — түс китепканасы жок, серверге кайрылуу жок. Түстү браузердин нативдик түс киргизүүсү же EyeDropper API аркылуу тандайсыз, курал аны дароо алты форматка айландырат, ошондой эле WCAG контраст катыштарын эсептеп, гармония палитраларын жаратат.

  1. 1
    Нативдик API аркылуу түс киргизүү
    Түстү браузердин курулма <input type="color"> виджети аркылуу же — Chromium-негизделген браузерлерде — EyeDropper API экраныңыздагы каалаган пикселди үлгү алууга уруксат берет тандайсыз. Эки жол тең чыныгы чындык булагы болгон он алтылык сапты кайтарат.
  2. 2
    Кол менен жазылган формат айландыруулары
    Курал он алтылык маанини RGB, HSL, HSV, CMYK жана OKLCHга өз математика функциялары колдонуп айландырат (тышкы китепкана жок). OKLCH айландыруу sRGB каналдарын сызыкташтырат, OKLab куб-тамыр матрицасын колдонот, андан кийин хрома жана тон бурчун алат — заманбап CSS Color Level 4 чыгуусуна дал келет.
  3. 3
    WCAG контраст катышы эсептөө
    Салыштырмалуу жарыктык WCAG 2.x формуласы колдонуп сызыкташтырылган RGB каналдарынан эсептелет. Андан кийин курал таза ак жана таза кара түскө каршы контраст катыштарын эсептейт жана WCAG чектерине (3:1, 4.5:1, 7:1) ылайык AA-чоң, AA, AAA же Ишке ашкан жок деп белгилейт.
  4. 4
    Гармония палитра жаратуу жана жергиликтүү сактоо
    Толуктоочу, триадалык, аналогдук жана монохромдук үлгүлөр HSL тонун жана жарыктык маанилерин математикалык түрдө айландыруу же кадамдоо менен алынат. Сакталган палитралар браузериңиздеги localStorage'ге жазылат — эч нерсе түзмөгүңүздөн чыкпайт.

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

🎨

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

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

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

Сүрөт түс палитрасын чыгаруучу

k-means түс квантоо ыкмасын колдонуп, каалаган сүрөттөн үстөмдүк кылган түстөрдү чыгарыңыз. Сүрөтүңүздөгү же логотибиңиздеги эң мыкты 2-16 түстүн hex коддорун алыңыз.

Байкап көрүңүзФайлдар жергиликтүү бойдон калат
🎨

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

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

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

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