Värvivaliku Generaator - Looge Harmoonilised Värvikomplektid

Mis on värvipaleti generaator?

Värvipaleti generaator on tööriist, mis koostab ühest lähtevärvist, mida nimetatakse põhivärviks, sobivate värvide komplekti. See värvipaleti generaator võtab põhivärvi ja harmooniatüübi ning arvutab värviteooria reeglite abil ülejäänud paleti. See toetab nelja harmooniatüüpi: komplementaarne, analoogne, triaadiline ja monokromaatiline.

Kuidas tööriist paleti koostab

Tööriist teisendab põhivärvi kuueteistkümnendkoodist (näiteks #3B82F6) HSL-värvimudelisse. HSL kirjeldab värvi kolme arvuga:

• Värvitoon: värvi asukoht 360-kraadisel värvirattal (0° on punane, 120° on roheline ja 240° on sinine).
• Küllastus: värvi intensiivsus vahemikus 0% (hall) kuni 100% (puhas värv).
• Heledus: kui lähedal on värv mustale või valgele, vahemikus 0% (must) kuni 100% (valge).

Iga harmooniatüüp muudab värvitooni, heledust või mõlemat ning teisendab tulemuse seejärel tagasi kuueteistkümnendkoodiks.

Kuidas arvutada komplementaarvärve

Valem:

$h' = (h + 180) \bmod 360$

kus h on põhivärvi värvitoon kraadides ja h′ uus värvitoon. Tehte mod abil viiakse täispöörde ületav tulemus uuesti värvirattale.

Küllastus ja heledus jäävad samaks.

Näide arvutuskäiguga: puhta sinise värvi #0000FF värvitoon on 240°, küllastus 100% ja heledus 50%. 180° liitmisel saame värvitooniks 60°. Kui teisendada värvitoon 60° sama küllastuse ja heleduse juures tagasi kuueteistkümnendkoodiks, saadakse #FFFF00 ehk kollane. Seega seob see tööriist sinise kollasega, mitte oranžiga.

See võib tekitada segadust, sest kunstitundides õpetatakse sageli teistsugust värviratast: RYB-pigmendiratast (punane-kollane-sinine), millel on sinise vastand oranž. See tööriist kasutab ekraanidel kasutatavat RGB-põhist HSL-värviratast, mistõttu erinevad selle komplementaarpaarid värvide segamise värviratta omadest.

Kuidas arvutada analoogseid värve

Analoogsed värvid paiknevad värvirattal põhivärvi lähedal. Tööriist genereerib põhivärvi värvitoonist 30° kaugusel olevad kaks värvitooni ja 60° kaugusel olevad kaks värvitooni, kõik sama küllastuse ja heledusega.

$h \pm 30^{\circ}, \qquad h \pm 60^{\circ}$

kus h on põhivärvi värvitoon.

Näide arvutuskäiguga: sinine #0000FF (värvitoon 240°) annab värvitoonid 270° (#8000FF), 210° (#0080FF), 300° (#FF00FF) ja 180° (#00FFFF). Koos põhivärviga sisaldab palett viit värvi.

Kuidas arvutada triaadilisi värve

Triaadilised värvid paiknevad värvirattal teineteisest 120° kaugusel, moodustades koos põhivärviga ühtlaselt paikneva kolmiku.

$h + 120^{\circ}, \qquad h + 240^{\circ}$

Näide arvutuskäiguga: punane #FF0000 (värvitoon 0°) annab värvitoonid 120° (#00FF00, roheline) ja 240° (#0000FF, sinine). Kolmevärviline komplekt koosneb punasest, rohelisest ja sinisest – samadest kolmest värvitoonist, mida kasutatakse digiekraanide põhivärvidena.

Kuidas arvutada monokromaatilisi värve

Monokromaatilised värvid säilitavad sama värvitooni ja küllastuse ning muudavad ainult heledust. Tööriist nihutab heledust kummaski suunas 15 ja 30 protsendipunkti võrra, piirates tulemuse vahemikku 5% kuni 95%.

$l \pm 15, \qquad l \pm 30$

kus l on põhivärvi heledus protsendipunktides.

Näide arvutuskäiguga: sinine #0000FF (heledus 50%) annab heledusega 65% värvi (#4D4DFF), heledusega 35% värvi (#0000B3), heledusega 80% värvi (#9999FF) ja heledusega 20% värvi (#000066).

Kuna kehtivad 5% ja 95% piirid, võib juba väga hele või väga tume põhivärv jõuda sama piirini kaks korda. Must #000000 annab heledusega 15% värvi (#262626), heledusega 5% värvi (#0D0D0D), heledusega 30% värvi (#4D4D4D) ja taas heledusega 5% värvi (#0D0D0D), mistõttu üks värv kordub.

Tööriista kasutamine

1. Valige värvivalijaga põhivärv või sisestage kuueteistkümnendkood, näiteks #3B82F6.
2. Valige harmooniatüüp: komplementaarne, analoogne, triaadiline või monokromaatiline.
3. Vaadake genereeritud paletti. Iga värviruut näitab nupul oma kuueteistkümnendkoodi.
4. Kuueteistkümnendkoodi kopeerimiseks klõpsake seda nuppu või kasutage kogu paleti korraga kopeerimiseks käsku „Kopeeri kõik värvid“.

Kontrasti kontrollimine juurdepääsetavuse tagamiseks

Iga värviruut näitab kaht väikest märgist: üks näitab kontrasti valge tausta suhtes ja teine musta tausta suhtes. Tööriist arvutab kontrastisuhte WCAG-i (veebi sisu juurdepääsetavuse suunised) valemi abil:

$C = \frac{L_{1} + 0.05}{L_{2} + 0.05}$

kus C on kontrastisuhe.

L1 on heledama värvi suhteline luminants ja L2 tumedama värvi suhteline luminants. Luminants saadakse värvi punase, rohelise ja sinise väärtuse põhjal. Märgis on „AA“, kui suhe on 4,5 või suurem, mis on WCAG-i miinimumnõue tavalise suurusega tekstile. Kui suhe on alla 4,5, kuvatakse märgis „!“. Märgise kohal hõljudes kuvatakse täpne suhe. Valge tausta must tekst annab suhteks 21, mis on suurim võimalik väärtus.

Tööriist kasutab sama kontrastireeglit ka iga värviruudu kopeerimisnupu värvi valimiseks. See võrdleb värviruudu värvi musta ja valgega ning valib neist selle, mille puhul on tekst paremini loetav. Valik muutub suhtelise luminantsi väärtusel ligikaudu 0,179, kus mõlemad suhted on võrdsed.

Korduma kippuvad küsimused

Mis on värvipaleti generaator? See on tööriist, mis koostab ühest põhivärvist ja valitud harmooniareeglist lähtudes omavahel sobivate värvide komplekti.

Miks seob see tööriist komplementaarvärvide puhul sinise oranži asemel kollasega? Tööriist pöörab HSL-värvirattal värvitooni 180° võrra. See ratas põhineb sellel, kuidas ekraanid segavad punast, rohelist ja sinist valgust. Kunstitundides õpetatav punase-kollase-sinise värviratas annab teistsugused komplementaarpaarid, sest selle puhul segatakse valguse asemel pigmente.

Mitu värvi iga harmooniatüüp loob? Komplementaarne harmoonia loob kokku 2 värvi, sealhulgas põhivärvi. Triaadiline loob 3 värvi. Analoogne loob 5 värvi. Monokromaatiline loob 5 värvi.

Millist värvimudelit tööriist sisemiselt kasutab? HSL-i (värvitoon, küllastus, heledus). See teisendab sisestatud kuueteistkümnendkoodi HSL-iks, teeb arvutused ja teisendab tulemuse seejärel tagasi kuueteistkümnendkoodiks.

Kas tööriist kontrollib, kas värvid on juurdepääsetavad? Jah. Iga värviruut näitab, kas selle kontrast valge ja musta tausta suhtes on tavalise teksti WCAG AA standardi täitmiseks piisav; standard nõuab suhtarvu vähemalt 4,5.

Kas projektis võib kasutada rohkem kui üht harmooniatüüpi? Jah. Paljud kujundused kombineerivad harmooniatüüpe, näiteks kasutavad põhivärvide jaoks analoogset komplekti ning nupu või esiletõstu jaoks üht komplementaarvärvi.

Värvivormingud

Tööriist kirjutab iga genereeritud värvi kuuekohalise kuueteistkümnendkoodina, mille ees on märk # (näiteks punase puhul #ff0000). Kuueteistkümnendkoodid vastavad otse punase, rohelise ja sinise väärtustele vahemikus 0 kuni 255 iga värvikanali puhul. Põhivärvi näidatakse täpselt sellisena, nagu see sisestati, seega jääb kolmekohaline lühivorm, näiteks #F00, lühivormiks. Kolmekohalised koodid tähistavad sama värvi mis kuuekohaline vorm: iga number kahekordistatakse, seega on #F00 sama mis #FF0000. HSL on alternatiivne viis samade värvide kirjeldamiseks, kasutades punase, rohelise ja sinise koguste asemel värvitooni, küllastust ja heledust.