Kleurkieser

Elke kleur op hierdie bladsy is in sRGB, die verstek-kleurruimte van die web sedert blaaiers dit in die laat 1990's aangeneem het. 'n Skerm meng rooi, groen en blou lig, en elke kanaal het 256 vlakke (0–255), wat 16 777 216 moontlike kleure gee. RGB skryf daardie drie getalle direk neer; HEX skryf dieselfde drie getalle in basis 16, twee syfers elk, dus is #FF6600 rooi 255, groen 102, blou 0. Die drieSyfer-kortvorm verdubbel elke syfer: #F60 is #FF6600.

HSL en HSB (ook HSV genoem) beskryf dieselfde kleure op 'n manier wat makliker met die hand aangepas kan word. Tint is 'n hoek op die kleurwiel: 0° rooi, 120° groen, 240° blou. Die verskil lê in die laaste getal. In HSL is ligtheid 100% altyd wit en 50% die suiwerste weergawe van die tint; in HSB is helderheid 100% die suiwer tint en wit vereis versadiging 0%. Ontwerptoepassings soos Photoshop en Figma gebruik HSB in hul kleurkiesers, terwyl CSS hsl() standaard verstaan, daarom word albei hierbo gelys.

Skerms voeg lig by; drukkers trek dit af met siaan-, magenta-, geel- en swartink. Die twee stelsels dek verskillende kleurreekse, genoem kleurruimtes (gamuts). Baie versadigde skermkleure, soos 'n helder RGB-groen, 'n elektriese blou of 'n neon-oranje, lê buite wat prosesinke kan weergee, so dit druk dowwer as wat dit op 'n monitor lyk.

Die CMYK-getalle hier gebruik die gewone wiskundige omskakeling sonder 'n ICC-profiel, wat nuttig is vir 'n growwe opdrag maar nie vir die pers nie. 'n Drukker skakel om met 'n profiel vir sy papier en pers, soos FOGRA39 in Europa of GRACoL in die Verenigde State, en dieselfde RGB-kleur kan met verskillende inkpersentasies onder elk uitkom. Stuur vir drukwerk die RGB- of HEX-waarde saam met die profiel wat jou drukker vra.

WCAG 2.1 vergelyk die relatiewe luminansie van twee kleure: die ligter een plus 0,05, gedeel deur die donkerder een plus 0,05. Die resultaat wissel van 1:1 (identiese kleure) tot 21:1 (swart op wit). Vlak AA vereis minstens 4,5:1 vir normale teks en 3:1 vir groot teks, dit wil sê 18 punt of 14 punt vetgedruk; vlak AAA verhoog dit tot 7:1 en 4,5:1. Koppelvlakdele soos invoerrande en ikone benodig 3:1 teen hul omgewing volgens sukseskriterium 1.4.11.

Luminansie gee groen baie meer gewig as blou, omdat die oog die meeste daarvoor sensitief is. Daarom misluk geel teks op wit erg terwyl donkerblou op wit maklik slaag, al lyk albei kleure ten volle versadig. Logo's en suiwer dekoratiewe teks is van die reël vrygestel.

Die beeldpalet lees jou lêer met die blaaier se canvas, verklein dit tot hoogstens 200 piksels aan die lang kant en groepeer soortgelyke piksels met die median-cut-metode wat Paul Heckbert in 1982 beskryf het: die kleurreeks word telkens langs sy wydste kanaal verdeel totdat ses groepe oorbly, en elke groep se gemiddelde word 'n kleurstaal. Deursigtige piksels word geïgnoreer, so 'n logo op 'n deursigtige agtergrond gee die logo se kleure.

Sodra jy die kleure het, werk 'n plat logo dikwels beter as 'n vektor. Die beeld na SVG-omskakelaar volg dit na vorms wat presies hierdie kleure behou, en as jy 'n kanaalkopstuk ontwerp, pas die YouTube-banier-grootteverander die kunswerk by 2560 × 1440 aan met die veilige area in gedagte.