Кадом рамзҳои рангро медиҳад?

HEX, RGB, HSL, HSV, CMYK ва OKLCH барои ҳамон ранг, барои нусха гирифтан омода.

Оё рангро аз экрани худ интихоб карда метавонам?

Ҳа, бо «Интихоб аз экран» дар браузерҳои бар Chromium асосёфта, мисли Chrome ва Edge. Агар браузери шумо онро дастгирӣ накунад, тугма пинҳон мешавад.

Оё санҷида метавонад, ки матн дар болои ранг хондашаванда аст?

Ҳа. Он таносуби контрасти WCAG-ро нисбат ба сафед ва сиёҳ нишон медиҳад ва онро AA large, AA, AAA ё Fails аломатгузорӣ мекунад. Ҳамчунин рангҳои иловагӣ, секунҷавӣ, ҳамсоя ва якранга пешниҳод мекунад.

Оё ин Интихобкунандаи ранг ва генератори палитра воқеан ройгон аст?

Бале, комилан ройгон. Ҳеҷ маҳдудият, воридшавӣ, корти кредитӣ - ҳамеша.

Оё он дар мобилӣ кор мекунад?

Бале - пурра дар iOS ва Android дар ҳама браузерҳои муосир санҷида шудааст.

🎨

Интихобкунандаи ранг ва генератори палитра-и ройгон

Рангҳоро интихоб кунед, байни HEX/RGB/HSL табдил диҳед ва палитраҳои ҳамоҳанг эҷод кунед.

Дар браузери шумо кор мекунадБе бақайдгирӣ, бе равзанаҳои пайдошавандаВоридшавӣ лозим нестҲамеша ройгон

Ҳамин ки бор шуд офлайн кор мекунад

Интихобкунандаи ранг

HEX

HSV

h217°

s76%

v96%

танҳо намоиш

RGB

HSL

Форматҳои бештар

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

Чӣ тавр он кор мекунад

Ҳама чиз бевосита дар браузери шумо бо математикаи табдили дастнавис кор мекунад — на китобхонаи ранг, на давраи сервер. Рангеро тавассути вуруди рангии дарунсохти браузер ё API-и EyeDropper интихоб мекунед, ва абзор онро фавран ба шаш формат табдил дода, ҳамзамон нисбатҳои контрасти WCAG-ро ҳисоб ва палитраҳои ҳамоҳангиро тавлид мекунад.

1
Вуруди ранг тавассути API-и дарунсохт
Ранге интихоб мекунед тавассути виджети дарунсохти <input type="color">-и браузер, ё — дар браузерҳои бар пойаи Chromium — API-и EyeDropper имкон медиҳад, ки ягон пикселро дар экрани худ намуна гиред. Ҳарду роҳ сатри шонздаҳиеро бармегардонанд, ки манбаи ягонаи ҳақиқат мешавад.
2
Табдилҳои формати дастнавис
Абзор қиммати шонздаҳиро ба RGB, HSL, HSV, CMYK ва OKLCH бо функсияҳои математикии худ (бидуни китобхонаи берунӣ) табдил медиҳад. Табдили OKLCH каналҳои sRGB-ро хатт мекунад, матритсаи решаи-куби OKLab-ро татбиқ мекунад, сипас хрома ва зовияи рангсояро ба даст меорад — мутобиқи натиҷаи муосири CSS Color Level 4.
3
Ҳисоби нисбати контрасти WCAG
Равшании нисбӣ аз каналҳои хатти RGB бо формулаи WCAG 2.x ҳисоб карда мешавад. Сипас абзор нисбатҳои контрастро дар муқобили сафеди холис ва сиёҳи холис ҳисоб карда, онҳоро мутобиқи ҳадди WCAG (3:1, 4.5:1, 7:1) ҳамчун AA-калон, AA, AAA ё Ноком тамға мекунад.
4
Тавлиди палитраи ҳамоҳангӣ ва захираи маҳаллӣ
Намунаҳои мукаммал, секунҷа, аналогӣ ва монохроматӣ бо гардиш ё қадам задани рангсоя ва равшании HSL ба таври риёзӣ ба даст оварда мешаванд. Палитраҳои захирашуда ба localStorage-и браузери шумо навишта мешаванд — ҳеҷ чиз дастгоҳатонро тарк намекунад.