Krāsu Paletes Ģenerators - Izveidojiet Harmoniskas Krāsu Shēmas

Kas ir krāsu paletes ģenerators?

Krāsu paletes ģenerators ir rīks, kas no vienas sākuma krāsas, ko sauc par pamatkrāsu, izveido saskaņotu krāsu kopu. Šis krāsu paletes ģenerators saņem pamatkrāsu un harmonijas veidu, pēc tam, izmantojot krāsu teorijas noteikumus, aprēķina pārējās paletes krāsas. Tas atbalsta četrus harmonijas veidus: komplementāro, analogo, triādisko un monohromatisko.

Kā rīks veido paleti

Rīks pārveido pamatkrāsu no heksadecimālā koda (piemēram, #3B82F6) uz HSL krāsu modeli. HSL raksturo krāsu ar trim skaitļiem:

• Nokrāsa: krāsas novietojums uz 360 grādu krāsu apļa (0° ir sarkana, 120° ir zaļa, 240° ir zila).
• Piesātinājums: krāsas intensitāte no 0% (pelēka) līdz 100% (tīra krāsa).
• Gaišums: krāsas tuvums melnai vai baltai, no 0% (melna) līdz 100% (balta).

Katrs harmonijas veids maina nokrāsu, gaišumu vai abus un pēc tam pārveido rezultātu atpakaļ heksadecimālajā kodā.

Kā aprēķināt komplementārās krāsas

Formula:

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

kur h ir pamatkrāsas nokrāsa grādos, bet h′ — jaunā nokrāsa. Modulo darbība rezultātu, kas pārsniedz pilnu apgriezienu, atgriež krāsu aplī.

Piesātinājums un gaišums paliek nemainīgi.

Aprēķina piemērs: Tīrai zilajai krāsai #0000FF nokrāsa ir 240°, piesātinājums 100% un gaišums 50%. Pieskaitot 180°, iegūst nokrāsu 60°. Pārveidojot nokrāsu 60° atpakaļ heksadecimālajā kodā ar tādu pašu piesātinājumu un gaišumu, iegūst #FFFF00 — dzeltenu krāsu. Tāpēc šis rīks zilo krāsu savieno ar dzelteno, nevis ar oranžo.

Tas var radīt neskaidrības, jo mākslas nodarbībās bieži māca citu krāsu apli — RYB (sarkanas, dzeltenas un zilas krāsas) pigmentu apli, kur zilās krāsas pretkrāsa ir oranža. Šis rīks izmanto ekrāniem paredzēto RGB bāzēto HSL krāsu apli, tāpēc tā komplementārie pāri atšķiras no krāsu jaukšanas apļa.

Kā aprēķināt analogās krāsas

Analogās krāsas uz apļa atrodas tuvu pamatkrāsai. Rīks ģenerē divas nokrāsas, kas atrodas 30° attālumā, un divas nokrāsas, kas atrodas 60° attālumā no pamatnokrāsas, visām saglabājot tādu pašu piesātinājumu un gaišumu.

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

kur h ir pamatkrāsas nokrāsa.

Aprēķina piemērs: Zilā krāsa #0000FF (nokrāsa 240°) dod nokrāsu 270° (#8000FF), nokrāsu 210° (#0080FF), nokrāsu 300° (#FF00FF) un nokrāsu 180° (#00FFFF). Kopā ar pamatkrāsu paletē ir piecas krāsas.

Kā aprēķināt triādiskās krāsas

Triādiskās krāsas uz apļa atrodas 120° attālumā cita no citas, veidojot vienmērīgi izvietotu trijnieku ar pamatkrāsu.

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

Aprēķina piemērs: Sarkanā krāsa #FF0000 (nokrāsa 0°) dod nokrāsu 120° (#00FF00, zaļa) un nokrāsu 240° (#0000FF, zila). Trīs krāsu kopa ir sarkana, zaļa un zila — tās pašas trīs nokrāsas, ko digitālajos ekrānos izmanto kā pamatkrāsas.

Kā aprēķināt monohromatiskās krāsas

Monohromatiskajām krāsām saglabājas tā pati nokrāsa un piesātinājums, mainās tikai gaišums. Rīks maina gaišumu par 15 un 30 procentpunktiem katrā virzienā, ierobežojot to ar vērtībām no 5% līdz 95%.

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

kur l ir pamatkrāsas gaišums procentpunktos.

Aprēķina piemērs: Zilā krāsa #0000FF (gaišums 50%) dod gaišumu 65% (#4D4DFF), gaišumu 35% (#0000B3), gaišumu 80% (#9999FF) un gaišumu 20% (#000066).

5% un 95% ierobežojumu dēļ pamatkrāsa, kas jau ir ļoti gaiša vai ļoti tumša, var divreiz sasniegt vienu un to pašu robežvērtību. Melnā krāsa #000000 dod gaišumu 15% (#262626), 5% (#0D0D0D), 30% (#4D4D4D) un vēlreiz 5% (#0D0D0D), tāpēc viena krāsa atkārtojas.

Rīka izmantošana

1. Izvēlieties pamatkrāsu ar krāsu izvēlni vai ievadiet heksadecimālo kodu, piemēram, #3B82F6.
2. Izvēlieties harmonijas veidu: komplementāro, analogo, triādisko vai monohromatisko.
3. Apskatiet ģenerēto paleti. Katrā krāsas paraugā uz pogas ir redzams tās heksadecimālais kods.
4. Noklikšķiniet uz šīs pogas, lai nokopētu heksadecimālo kodu, vai izmantojiet “Copy All Colors”, lai uzreiz nokopētu visu paleti.

Kontrasta pārbaude piekļūstamībai

Katrā krāsas paraugā ir divas mazas emblēmas: viena norāda kontrastu pret baltu, otra — kontrastu pret melnu. Rīks aprēķina kontrasta attiecību, izmantojot WCAG (tīmekļa satura piekļūstamības vadlīniju) formulu:

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

kur C ir kontrasta attiecība.

L1 ir gaišākās krāsas relatīvais spilgtums, bet L2 — tumšākās krāsas relatīvais spilgtums. Relatīvo spilgtumu nosaka krāsas sarkanās, zaļās un zilās vērtības. Emblēmā redzams “AA”, ja attiecība ir 4,5 vai lielāka — tā ir WCAG minimālā prasība parasta izmēra tekstam. Ja attiecība ir mazāka par 4,5, emblēmā redzams “!”. Novietojot kursoru virs emblēmas, tiek parādīta precīza attiecība. Melns teksts uz balta fona iegūst attiecību 21, kas ir lielākā iespējamā vērtība.

Rīks izmanto to pašu kontrasta noteikumu, lai izvēlētos kopēšanas pogas krāsu katrā krāsas paraugā. Tas salīdzina parauga krāsu ar melnu un baltu, pēc tam izvēlas to no abām krāsām, ar kuru teksts ir labāk saskatāms. Pārslēgšanās notiek pie relatīvā spilgtuma aptuveni 0,179 — punkta, kur abas attiecības ir vienādas.

Biežāk uzdotie jautājumi

Kas ir krāsu paletes ģenerators? Tas ir rīks, kas no vienas pamatkrāsas un izvēlēta harmonijas noteikuma izveido savstarpēji saderīgu krāsu kopu.

Kāpēc šis rīks komplementārajās krāsās zilo savieno ar dzelteno, nevis oranžo? Rīks HSL aplī pagriež nokrāsu par 180°, un šis aplis balstās uz to, kā ekrāni sajauc sarkano, zaļo un zilo gaismu. Mākslas nodarbībās mācītais sarkanas, dzeltenas un zilas krāsas aplis veido citus komplementāros pārus, jo tajā sajauc pigmentus, nevis gaismu.

Cik krāsu rada katrs harmonijas veids? Komplementārais harmonijas veids kopā rada 2 krāsas, ieskaitot pamatkrāsu. Triādiskā harmonija rada 3 krāsas. Analogā harmonija rada 5 krāsas. Monohromatiskā harmonija rada 5 krāsas.

Kādu krāsu modeli rīks izmanto iekšēji? HSL (nokrāsa, piesātinājums, gaišums). Tas pārveido ievadīto heksadecimālo kodu uz HSL, veic aprēķinus un pēc tam pārveido rezultātu atpakaļ heksadecimālajā kodā.

Vai rīks pārbauda, vai krāsas ir piekļūstamas? Jā. Katrā krāsas paraugā redzams, vai tā nodrošina pietiekamu kontrastu pret baltu un melnu, lai atbilstu WCAG AA standartam parastam tekstam, kas prasa attiecību vismaz 4,5.

Vai projektā var izmantot vairāk nekā vienu harmonijas veidu? Jā. Daudzos dizainos tiek kombinēti harmonijas veidi, piemēram, galvenajām krāsām izmantojot analogu krāsu kopu, bet pogai vai izcēlumam — vienu komplementāru krāsu.

Krāsu formāti

Rīks katru ģenerēto krāsu pieraksta kā sešciparu heksadecimālo kodu, kura priekšā ir zīme # (piemēram, #ff0000 sarkanai krāsai). Heksadecimālie kodi tieši atbilst sarkanās, zaļās un zilās krāsas vērtībām diapazonā no 0 līdz 255 katrai krāsai. Pamatkrāsa tiek parādīta tieši tā, kā tā tika ievadīta, tāpēc trīsciparu saīsinājums, piemēram, #F00, paliek īsajā formā. Trīsciparu kodi nozīmē to pašu krāsu, ko sešciparu forma: katrs cipars tiek dubultots, tāpēc #F00 ir #FF0000. HSL ir alternatīvs veids, kā aprakstīt tās pašas krāsas, izmantojot nokrāsu, piesātinājumu un gaišumu, nevis sarkanās, zaļās un zilās krāsas daudzumu.