Színpaletta Generátor - Harmonikus Színösszeállítások Létrehozása

Mi az a színpaletta-generátor?

A színpaletta-generátor olyan eszköz, amely egy kiinduló színből, az úgynevezett elsődleges színből, egymáshoz illő színek készletét állítja elő. Ez a színpaletta-generátor egy elsődleges színt és egy harmóniatípust vesz alapul, majd a színelmélet szabályai szerint kiszámítja a paletta többi színét. A támogatott négy harmóniatípus a komplementer, az analóg, a triadikus és a monokróm.

Hogyan épít fel az eszköz egy palettát?

Az eszköz az elsődleges színt a hexadecimális kódból (például #3B82F6) HSL-színmodellé alakítja. A HSL-színmodell egy színt három számmal ír le:

• Színárnyalat: a szín helye egy 360 fokos színkörön (0° a vörös, 120° a zöld, 240° a kék).
• Telítettség: a szín intenzitása, 0%-tól (szürke) 100%-ig (tiszta szín).
• Világosság: azt mutatja, hogy a szín mennyire áll közel a feketéhez vagy a fehérhez, 0%-tól (fekete) 100%-ig (fehér).

Mindegyik harmóniatípus módosítja a színárnyalatot, a világosságot vagy mindkettőt, majd az eredményt visszaalakítja hexadecimális kóddá.

Hogyan számíthatók ki a komplementer színek?

A képlet:

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

ahol h az alapszín árnyalata fokban, h′ pedig az új árnyalat. A modulo művelet a teljes fordulatot meghaladó eredményt visszahelyezi a színkörre.

A telítettség és a világosság változatlan marad.

Számítási példa: A tiszta kék, #0000FF, színárnyalata 240°, telítettsége 100%, világossága pedig 50%. 180° hozzáadásával a színárnyalat 60° lesz. Ha a 60°-os színárnyalatot változatlan telítettség és világosság mellett visszaalakítjuk hexadecimális kóddá, az eredmény #FFFF00, vagyis sárga. Ezért az eszköz a kékhez a sárgát társítja, nem a narancssárgát.

Ez azért lehet megtévesztő, mert a művészeti órákon gyakran egy másik színkereket tanítanak: az RYB (vörös–sárga–kék) pigmenteken alapuló színkereket, amelyen a kék ellentétes színe a narancs. Ez az eszköz a képernyők által használt, RGB-alapú HSL-színkerékkel működik, ezért a komplementer párok eltérnek a festékkeverés színkerekétől.

Hogyan számíthatók ki az analóg színek?

Az analóg színek a színkeréken az elsődleges szín közelében helyezkednek el. Az eszköz két, az elsődleges színárnyalattól 30°-ra, valamint két, 60°-ra lévő színárnyalatot generál, mindegyiket azonos telítettséggel és világossággal.

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

ahol h az alapszín árnyalata.

Számítási példa: A kék, #0000FF (színárnyalata 240°), a következő színárnyalatokat eredményezi: 270° (#8000FF), 210° (#0080FF), 300° (#FF00FF) és 180° (#00FFFF). Az elsődleges színnel együtt a paletta öt színt tartalmaz.

Hogyan számíthatók ki a triadikus színek?

A triadikus színek 120°-os távolságra helyezkednek el egymástól a színkeréken, így az elsődleges színnel együtt egy egyenletesen elosztott hármast alkotnak.

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

Számítási példa: A vörös, #FF0000 (színárnyalata 0°), a 120°-os (#00FF00, zöld) és a 240°-os (#0000FF, kék) színárnyalatot eredményezi. A háromszínű készlet vörösből, zöldből és kékből áll, amelyek a digitális képernyők elsődleges színei.

Hogyan számíthatók ki a monokróm színek?

A monokróm színek színárnyalata és telítettsége változatlan marad, és csak a világosságuk módosul. Az eszköz a világosságot mindkét irányban 15 és 30 százalékponttal módosítja, 5% és 95% közé korlátozva.

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

ahol l az alapszín világossága százalékpontban.

Számítási példa: A kék, #0000FF (világossága 50%), a következő világossági értékeket eredményezi: 65% (#4D4DFF), 35% (#0000B3), 80% (#9999FF) és 20% (#000066).

Az 5%-os és 95%-os korlát miatt egy már nagyon világos vagy nagyon sötét elsődleges szín kétszer is elérheti ugyanazt a korlátot. A fekete, #000000, a következő világossági értékeket adja: 15% (#262626), 5% (#0D0D0D), 30% (#4D4D4D), majd ismét 5% (#0D0D0D), így egy szín ismétlődik.

Az eszköz használata

1. Válasszon ki egy elsődleges színt a színválasztóval, vagy írjon be egy hexadecimális kódot, például #3B82F6.
2. Válasszon egy harmóniatípust: komplementer, analóg, triadikus vagy monokróm.
3. Tekintse meg a generált palettát. Minden színminta egy gombon jeleníti meg a hexadecimális kódját.
4. Kattintson a gombra a hexadecimális kód másolásához, vagy használja a „Copy All Colors” lehetőséget a teljes paletta egyidejű másolásához.

Kontraszt ellenőrzése akadálymentességhez

Minden színminta két kis jelvényt jelenít meg: az egyik a fehérrel, a másik a feketével szembeni kontrasztot mutatja. Az eszköz a kontrasztarányt a WCAG (Webes tartalom akadálymentességi irányelvei) képlete alapján számítja ki:

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

ahol C a kontrasztarány.

A világosabb szín relatív fénysűrűségét L1, a sötétebbét pedig L2 jelöli. A fénysűrűség a szín vörös, zöld és kék értékeiből származik. A jelvény „AA” feliratot jelenít meg, ha az arány 4,5 vagy nagyobb, ami a WCAG szerint a normál méretű szöveg minimális értéke. „!” jelenik meg, ha az arány 4,5 alatti. A jelvény fölé húzva az egérmutatót megjelenik a pontos arány. A fehér háttéren megjelenő fekete szöveg aránya 21, ami a lehető legmagasabb érték.

Az eszköz ugyanezt a kontrasztszabályt használja az egyes színminták másolási gombja színének kiválasztásához. Összehasonlítja a színminta színét a feketével és a fehérrel, majd azt választja, amelyikkel jobban olvasható. A váltás körülbelül 0,179-es relatív fénysűrűségnél történik, ahol a két arány egyenlő.

Gyakran ismételt kérdések

Mi az a színpaletta-generátor? Olyan eszköz, amely egy elsődleges színből és egy kiválasztott harmóniaszabályból kiindulva egymással harmonizáló színek készletét állítja elő.

Miért párosítja ez az eszköz a kéket a sárgával a narancs helyett a komplementer színek esetében? Az eszköz 180°-kal elforgatja a színárnyalatot a HSL-színkeréken, amely a képernyők vörös, zöld és kék fény keverésének módján alapul. A művészeti órákon tanított vörös–sárga–kék festékszínkerék eltérő komplementer párokat eredményez, mivel pigmenteket, nem pedig fényt kever.

Hány színt állít elő az egyes harmóniatípusok? A komplementer összesen 2 színt állít elő (az elsődleges színt is beleértve). A triadikus 3 színt. Az analóg 5 színt. A monokróm 5 színt.

Milyen színmodellt használ az eszköz belsőleg? A HSL-t (színárnyalat, telítettség, világosság). A bemeneti hexadecimális kódot HSL-re alakítja, elvégzi a számítást, majd az eredményt visszaalakítja hexadecimális kóddá.

Ellenőrzi az eszköz, hogy a színek akadálymentesek-e? Igen. Minden színminta megmutatja, hogy a fehérrel és a feketével szembeni kontrasztja elegendő-e a WCAG AA normál szövegre vonatkozó szabványának teljesítéséhez, amely legalább 4,5-es arányt ír elő.

Használhatok egynél több harmóniatípust egy projekthez? Igen. Sok terv több harmóniatípust kombinál, például az alapszínekhez analóg készletet, egy gombhoz vagy kiemeléshez pedig egy komplementer színt használ.

Színformátumok

Az eszköz minden generált színt hatjegyű hexadecimális kódként ír ki, amelyet egy # jel előz meg (például a vörös esetében #ff0000). A hexadecimális kódok közvetlenül a vörös, zöld és kék 0-tól 255-ig terjedő értékeit kódolják. Az elsődleges szín pontosan úgy jelenik meg, ahogyan megadták, ezért egy háromjegyű rövid forma, például #F00, rövid formában marad. A háromjegyű kódok ugyanazt a színt jelentik, mint a hatjegyű forma: minden számjegyet meg kell duplázni, így #F00 egyenlő #FF0000-lal. A HSL ugyanazon színek alternatív leírási módja: a vörös, zöld és kék mennyisége helyett a színárnyalatot, a telítettséget és a világosságot használja.