Избирач на боја

Како да го користите избирачот на боја

1. Кликнете на примерокот под Изберете боја за да го отворите избирачот на боја на вашиот прелистувач, па изберете боја. Можете и да внесете или залепите вредност во полето Код на бојата: HEX код како #1E90FF, rgb(30, 144, 255), hsl(210 100% 56%) или CSS име како tomato.
2. Големиот Преглед се освежува веднаш, со HEX кодот напишан во црно или бело, зависно од тоа што се чита подобро на таа позадина.
3. Под Кодови на бојата копирајте го форматот што ви треба со копчето Копирај до него: HEX, RGB, HSL, HSV или CMYK.
4. Кликнете Случајна боја кога ви треба инспирација или Земи од екранот (во прелистувачи што го поддржуваат, како Chrome и Edge) за да земете кој било пиксел од екранот, вклучително и од други прозорци.

Сè се случува во вашиот прелистувач: ниту боја ниту слика се испраќа никаде.

Што значи секој код на боја

• HEX е шестцифрената хексадецимална нотација што се користи во HTML и CSS. Секој пар цифри е еден канал (црвена, зелена, сина) од 00 до FF, па #1E90FF значи црвена 30, зелена 144, сина 255.
• RGB ги дава истите три канали како децимални броеви од 0 до 255. Тоа го очекуваат повеќето софтвери за дизајн и програмски библиотеки.
• HSL опишува боја преку нијанса (агол од 0° до 360° на тркалото на бои), заситеност и светлина. Практично е за посветлување или затемнување на боја со промена на еден број.
• HSV (наречен и HSB) користи нијанса, заситеност и вредност (осветленост). Тоа е моделот зад квадратите за бои во Photoshop, Figma и многу други уредници.
• CMYK ја изразува бојата како проценти на цијан, магента, жолта и црна боја.

За CMYK вредностите

CMYK кодовите се наивно претворање: K = 1 − max(R, G, B), потоа C = (1 − R − K) / (1 − K), исто така за M и Y. Ова е стандардната учебничка формула, но не користи ICC профил. Вистинското печатење зависи од машината, хартијата и мастилата, па печатницата ќе ги претвори вашите бои со свој профил и резултатот може да се разликува. Користете ги овие броеви како почеток, не како доказ за печатење.

Читање на односите на контраст

Под HEX кодот, прегледот ги прикажува Контраст на бела и Контраст на црна, пресметани со формулата за релативна луминанса од WCAG 2. Однос од 4,5:1 или повеќе е потребен за нормален текст на ниво AA, а 3:1 за голем текст и елементи на интерфејсот. Ако вашата боја достигнува само 3:1 на бела, чувајте ја за големи наслови или икони, а за текст користете потемна нијанса.

Совети

• Можете да залепите hex кодови без #: работи и 1e90ff, како и кратки форми како f60.
• Вредностите со провидност, како rgb(0 0 0 / 50%), се прифаќаат; избирачот ја прикажува непровидната боја.
• Дијалогот за бои на самиот прелистувач се разликува меѓу системите. Ако ви треба точна вредност, внесувањето во полето Код на бојата е секогаш точно.