Poimija: Suuri neliö on kylläisyys-kirkkaus-kartta nykyisellä sävyllä — vasemmalta oikealle kylläisyys kasvaa, ylhäältä alas kirkkaus pienenee. Napsauta mihin tahansa valitakseen värin. Ohut pystypalkki oikealla on sävyliukusäädin (0°–360°) — liu'uta sitä vaihtaakseen perussävyä, ja neliö piirtyy uudelleen. Oikealla puolella näkyy valittu väri HEX-, RGB- ja HSL-muodoissa — napsauta mitä tahansa arvoa kopioidakseen sen.
Paletti: Vasen värivalitsin ja oikea muokkauskenttä tallentavat saman perusvärin — ne ovat kaksisuuntaisesti synkronoituja (valitse väri tai kirjoita hex-arvo, molemmat päivittyvät toisiaan). Alla olevat viisi palettiriviä ovat kaikki johdettuja tästä perusväristä kiertämällä sen sävyä värikehällä: komplementaarinen (sävy +180°, voimakkain kontrasti), kolmiosainen (+120° / +240°, tasapainoinen kolmikko), tetradinen (+90° / +180° / +270°, suorakulmainen nelivärinen), analoginen (−30° / perus / +30° / +60°, sointuvat naapurit) ja jaettu komplementaarinen (+150° / +210°, pehmeämpi kuin puhdas komplementaarinen). Jokaisen rivin ensimmäinen näyte on aina perusväri itse, ja loput ovat sen sävykierrettyjä muunnelmia.
Muunna: Syötä mikä tahansa kelvollinen väri — HEX (#3b82f6), CSS-funktio (rgb(59,130,246) / hsl(217,90%,60%)) tai nimetty väri (dodgerblue) — ja saadaan välittömästi muunnoksen kaikkiin pääformaatteihin. Muototaulukko voi antaa jäsentimelle vihjeen, jos automaattinen tunnistus valitsee väärän formaatin. Tulos näyttää HEX, RGB (0–255), HSL (aste, %, %), HSV ja CMYK. Napsauta mitä tahansa arvoa kopioidakseen sen.
Värisokeus: Lataa kuva ja valitse simuloitava värinäön puutostyyppi. Työkalu soveltaa jokaiseen pikseliin kartiosolujen vastemuunnosmatriisia, joka muuntaa RGB-arvot niin, että ne lähentävät, miten eri värisokeustyyppien omaavat ihmiset näkevät kuvan. Vasen kanvas näyttää alkuperäisen, oikea simuloidun näkymän. Pudotusvalikko kattaa kolme dikromatiatyyppiä (yksi kartiopigmentti puuttuu: protanopia, deuteranopia, tritanopia), täydellisen akromatopsian (ei värinäköä) ja kolme anomaalisen trikromatian tyyppiä (heikko kartiovaste). Matalaresoluutioiset kuvat latautuvat nopeammin.
Liukuväri: Tämä on visuaalinen CSS-liukuvärin rakentaja. Valitse lineaarinen (suunnattu) tai säteittäinen (keskustasta ulospäin), aseta kulma (0° = alhaalta ylös, 90° = vasemmalta oikealle) ja määritä väripisteet. Jokaisella pisteellä on värivalitsin, ja ne ovat tasavälein (0 %, 50 %, 100 % kolmelle pisteelle). Napsauta + Väripiste lisätäkseen väliväripisteitä monimutkaisempiin liukuväreihin. Esikatselu päivittyy reaaliajassa, ja luotu CSS on valmis kopioitavaksi alla.
Kontrasti: Laskee WCAG 2.1 -kontrastisuhteen etualan tekstin ja taustavärin välillä käyttäen sRGB-arvoista laskettua suhteellista kirkkautta (gamma-korjattu). Suhde vaihtelee välillä 1:1 (samat värit) ja 21:1 (musta vs. valkoinen). Tulokset näyttävät läpäisyn tai hylkäyksen kolmella vaatimustasolla: AA normaali teksti (suhde ≥ 4,5:1), AAA iso teksti (suhde ≥ 4,5:1 tekstille ≥ 18 pt tai lihavoidulle ≥ 14 pt) ja AAA normaali teksti (suhde ≥ 7:1). Tekstiesikatselu päivittyy reaaliajassa värejä säätäessä.
Poimi: Lataa mikä tahansa kuva, ja työkalu tunnistaa sen hallitsevan väripaletin värikvantisoinnilla. Kuva pienennetään 100×100 px:ään, minkä jälkeen jokainen pikseli lajitellaan 4 bitin per kanava -histogrammiin (16 tasoa per R/G/B = 4096 lokeroa). Läpinäkyvät pikselit ohitetaan. Yleisimmät lokerot lajitellaan pikselimäärän mukaan, ja kunkin lokeron keskiväristä tulee näyte. Jokainen näyte näyttää HEX-arvonsa ja prosenttiosuuden kuvan pikseleistä. Säädä lukumäärän liukusäädintä (2–12) hallitakseen, kuinka monta hallitsevaa väriä poimitaan.
Sekoitin: Sekoittaa kaksi väriä RGB-väriavaruudessa lineaarisella interpoloinnilla. Suhdesäädin määrää sekoituksen: 0 % on puhdas Väri 1, 100 % puhdas Väri 2 ja 50 % tasainen sekoitus. Jokainen R-, G- ja B-kanava interpoloidaan erikseen (esim. punainen + sininen 50 %:lla antaa violetin). Tulos ja HEX/RGB-arvot päivittyvät reaaliajassa, kun liukusäädintä siirretään tai jompaakumpaa väriä muutetaan.
Lämpötila: Muuntaa mustan kappaleen värilämpötilan kelvineinä vastaavaksi näkyväksi väriksi Tanner Hellandin likiarvoalgoritmilla. Matalat lämpötilat (1000–3000 K) tuottavat lämpimiä oranssin/punaisen sävyjä kuten kynttilänvalo ja hehkulamput; keskialue (4000–6500 K) antaa neutraalin valkoisesta päivänvaloon; korkeat lämpötilat (8000–40000 K) siirtyvät viileään siniseen kuten pilvinen taivas ja syvä vesi. Alla oleva teksti tunnistaa kullekin lämpötilalle lähimmän todellisen valonlähteen.
Nimetyt: Selaa yhdistettyä kokoelmaa 80 kiinalaisesta perinteisestä väristä (胭脂, 朱砂, 黛蓝 jne. — nimet on otettu klassisesta kiinalaisesta kirjallisuudesta, maalaustaiteesta ja värjäysperinteistä) ja yli 140 CSS-nimetystä väristä (vakiintunut verkkopaletti). Käytä hakukenttää suodattaakseen nimen tai HEX-arvon mukaan tai vaihda kategoriaa pudotusvalikosta. Napsauta mitä tahansa värisirua nähdäkseen suuren esikatselun nimen ja HEX-koodin kanssa — napsauta koodia kopioidakseen sen.
