Színeszközök

Ingyenes online színeszközök — színválasztó, palettagenerátor, formátumátalakító, színvakság-szimulátor, átmenetgenerátor, WCAG-kontrasztellenőrző, domináns szín kinyerő, keverő, színhőmérséklet, kínai hagyományos színek. Mindez a böngészőben fut.
HTML/CSS íráshoz (hex/rgb/hsl megfelelők, 148 nevesített szín, 216 webes-biztos paletta, másolásra kész deklarációk) a kódorientált HTML-színkódok segédeszköz való.
HEX:#ff0000
RGB:255, 0, 0
HSL:0, 100%, 50%
Hogyan működik az egyes mód
Választó: a nagy négyzet az aktuális árnyalaton egy telítettség–érték térkép — balról jobbra nő a telítettség, fentről lefelé csökken a fényerő. Bárhová kattintva színt lehet választani. A jobb oldali vékony sáv a árnyalatcsúszka (0° és 360° között) — ennek mozgatásával az alapárnyalat változik, és a négyzet ennek megfelelően újrarajzolódik. A jobb oldalon a kiválasztott szín HEX, RGB és HSL formátumban látható — bármely értékre kattintva másolható.
Paletta: a bal oldali színválasztó és a jobb oldali szerkesztőmező ugyanazt az alapszínt tárolja — kétirányúan szinkronizáltak (színt választani vagy hex-értéket beírni mindkettőt frissíti). Az alábbi öt palettasor mind a származtatott alapszínből áll, színkörön belül a színárnyalatát forgatva: komplementer (árnyalat +180°, legerősebb kontraszt), triadikus (+120° / +240°, kiegyensúlyozott hármas), tetradikus (+90° / +180° / +270°, téglalap alakú négyszín), analóg (-30° / alap / +30° / +60°, harmonikus szomszédok) és osztott komplementer (+150° / +210°, lágyabb, mint a tiszta komplementer). Minden sor első mintadarabja mindig az alapszín, a többi pedig az árnyalat-forgatott változatai.
Átalakítás: bármely érvényes szín megadható — HEX (#3b82f6), CSS-függvény (rgb(59 130 246) / hsl(217,90%,60%)) vagy nevesített szín (dodgerblue) — és azonnal megkapható az összes fő formátum. A formátum-legördülő listával a feldolgozó tipp adható, ha az automatikus felismerés rossz formátumot választ. A kimenet a HEX, RGB (0-255), HSL (fok, %, %), HSV és CMYK értékeket mutatja. Bármely értékre kattintva másolható.
Színvakság: egy képet feltöltve kiválasztható a szemi színlátási hiány típusa a szimulációhoz. Az eszköz minden pixelre kúpválasz-mátrix-transzformációt alkalmaz, és az RGB-értékeket átképezi, hogy megközelítőleg azt mutassa, ahogyan a különböző színvakságú emberek látják a képet. A bal vászon az eredetit, a jobb a szimulált nézetet mutatja. A legördülő lista három dikromáziatípust (egy kúppigment hiánya: protanópia, deuteranópia, tritanópia), a teljes achromatopsiát (színlátás nélkül) és három anomális trikromáziatípust (gyenge kúpválasz) fed le. Az alacsonyabb felbontású képek gyorsabban töltődnek be.
Átmenet: ez egy vizuális CSS-átmenet-szerkesztő. Választható lineáris (irányított) vagy radiális (középpontból kifelé) átmenetet, a szög beállítható (0° = alulról felfelé, 90° = balról jobbra), és határozza meg a színmegállókat. Minden megállónak van színválasztója, és egyenletesen oszlanak el (három megállónál 0%, 50%, 100%). A + Megálló gombbal köztes színpontok adhatók hozzá az összetettebb átmenetekhez. Az előnézet élőben frissül, a generált CSS pedig alább másolásra kész.
Kontraszt: kiszámítja a WCAG 2,1 kontrasztarányt az előtérszöveg és a háttérszín között, az sRGB-értékekből számított relatív fényesség képlettel (gamma-korrigálva). Az arány 1:1 (azonos színek) és 21:1 (fekete a fehéren) között van. Az eredmények három megfelelőségi szinten mutatják a megfelelést/nem megfelelést: AA normál szöveg (arány ≥ 4,5:1), AAA nagy szöveg (arány ≥ 4,5:1 a legalább 18 pontos vagy 14 pontos félkövér szövegre) és AAA normál szöveg (arány ≥ 7:1). A mintaszöveg előnézete a színek módosításakor valós időben frissül.
Kinyerés: bármely képet feltöltve az eszköz színkvantálással azonosítja annak domináns színpalettáját. A képet 100×100 px-re kicsinyíti, majd minden pixel egy csatornánként 4 bites hisztogramba kerül (R/G/B csatornánként 16 szint = 4096 rekesz). Az átlátszó pixelek kimaradnak. A leggyakoribb rekeszek pixelszám szerint rendeződnek, és minden rekesz középső színe egy mintadarab lesz. Minden mintadarab mutatja a HEX-értékét és a kép pixeleinek azt a százalékát, amelyet képvisel. A darabszám-csúszkával (2–12) szabályozható, hány domináns szín kerüljön kinyerésre.
Keverő: két színt kever az RGB színtérben lineáris interpolációval. Az arány-csúszka határozza meg a keveréket: 0% a tiszta 1. szín, 100% a tiszta 2. szín, 50% az egyenletes keverék. Minden R, G, B csatorna függetlenül interpolálódik (pl. piros + kék 50%-on lila lesz). Az eredmény előnézete és a HEX/RGB-értékek a csúszka húzásakor vagy bármelyik szín megváltoztatásakor élőben frissülnek.
Hőmérséklet: az abszolút fekete test színhőmérsékletét kelvinben alakítja a megfelelő látható színné Tanner Helland közelítő algoritmusával. Az alacsony hőmérsékletek (1000–3000 K) meleg narancs-vörös árnyalatokat adnak, mint a gyertyafény és az izzólámpa; a közepes tartomány (4000–6500 K) semlegesfehértől nappali fényig terjed; a magasabb hőmérsékletek (8000–40000 K) hűvös kék árnyalat felé tolódnak, mint a borús ég és a mély víz. Az alatta lévő címke minden hőmérséklethez azonosítja a legközelebbi valódi fényforrást.
Nevesített: böngészhető a 80 kínai hagyományos szín (胭脂, 朱砂, 黛蓝 stb. — a klasszikus kínai irodalomból, festészetből és festési hagyományokból származó nevek) és a 140+ CSS-nevesített szín (a szabványos webes paletta) együttes gyűjteménye. A keresőmezővel név vagy HEX-érték szerint szűrhető, a legördülő listával pedig kategóriák között lehet váltani. Bármely színcsempére kattintva nagy előnézet jelenik meg a névvel és a HEX-kóddal — a kódra kattintva másolható.