Värityökalut
14 tools available
Värisokeudensimulaattori
Simuloi, miltä värit näyttävät ihmisille, joilla on eri tyyppisiä värisokeuksia
Värikontrastin tarkistaja
Tarkista WCAG 2.1 -värikontrastisuhteet etu- ja taustavärien välillä AA/AAA-vaatimustenmukaisuudella
Värimuunnin
Muunna HEX-, RGB-, HSL- ja HSB-värimuotojen välillä
Värimuodon muunnin
Muunna värejä HEX-, RGB-, HSL-, HSV- ja CMYK-muotojen välillä reaaliaikaisella esikatselulla
Värigradientin generaattori
Luo CSS-gradientteja useilla väripysäkkeillä. Tukee lineaarisia ja radiaalisia gradientteja reaaliaikaisella esikatselulla.
Väriharmonisoija
Löydä harmoniset väriyhdistelmät mistä tahansa perusväristä. Laskee komplementaariset, analogiset, triadiset, jaetut komplementaariset, tetradiset ja neliöharmoniat.
Värien sekoitin
Sekoita kaksi väriä yhteen säädettävällä suhteella ja näe tulos useissa muodoissa (HEX, RGB, HSL, HSV, CMYK)
Värinimihaku
Hae värien nimiä hex-arvoista tai etsi värejä nimen perusteella. 500+ nimetyn CSS-, HTML- ja X11-värin tietokanta.
Väripalettien generaattori
Luo väriharmonioita: komplementti-, analogia-, triadi-, tetradi-, jaettu komplementti- ja monokromaattiset paletit
Värisävyjen ja -sävytysten generaattori
Luo 10 tummempaa sävyä ja 10 vaaleampaa sävytystä mistä tahansa väristä täydellä asteikolla
Värilämpötilamuunnin
Muunna värilämpötilan Kelvin-asteissa ja RGB-arvojen välillä. Visualisoi miten valon väri muuttuu lämpimästä kynttilänvalosta viileään päivänvaloon ja pidemmälle.
CSS-gradientin generaattori
Luo lineaarisia, radiaalisia ja kartiomaisia CSS-gradientteja visuaalisella editorilla ja kopioitavalla koodilla
Kuvan värinpoimija
Lataa kuva ja napsauta mitä tahansa kohtaa poimiaksesi värejä HEX-, RGB- ja HSL-muodoissa
Tailwind CSS -värigeneraattori
Luo Tailwind CSS -väripaletteja perusväristä sävyillä 50–950