Värityökalu HTML:n ja CSS:n kirjoittamiseen. Kirjoita mikä tahansa väri muodossa #3498db, rgb(52,152,219), hsl(204,70%,53%) tai CSS-nimenä, kuten dodgerblue, ja Muunna-välilehti näyttää heti kaikki vastaavat muodot, valmiit liitettävät CSS-määritykset ja musta/valkoinen tekstivärisuositus. Nimetty-välilehti listaa kaikki 148 CSS-värisanaa rebeccapurple mukaan lukien (haettavissa; kopiointi napsauttamalla), ja Web Safe tarjoaa klassisen 216 värin paletin. Kaikki toimii paikallisesti — ei latauksia, ei palvelinta. Työkalu on koodikeskeinen; suunnittelutyöhön (paletit, liukuvärit, kontrasti, sekoitus) katso myös Värinvalitsin.
Tila:
Valitse tai kirjoita väri — vastaavat muodot ja CSS-katkelmat päivittyvät reaaliajassa.
Nämä värit näkyvät ilman sirotusta klassisilla 256 värin näytöillä.
Muotojen suhde:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). HSL:n sävy on asteina (0–360), kylläisyys ja vaaleus prosentteina. Alfa (#RRGGBBAA, rgba(), hsla()) jäsennetään ja kulkee jokaiseen tulokseen. CSS-avainsanat täsmäävät ensin tarkasti; kun mikään avainsana ei täsmää, lähimpänä oleva 148 avainsanasta ehdotetaan suunnitteluvihjeeksi.
Mikä on CSS-värikoodi?
CSS-värikoodi on yhden värin numeerinen resepti näytöllä: kuinka paljon punaista, vihreää ja sinistä valoa sekoitetaan. Jokainen merkintätapa — kuusinumeroinen heksa kuten #3498db, funktiomuotoinen rgb(52, 152, 219), hsl(204, 70%, 53%) ja 148 esimääritettyä avainsanaa — ratkeaa samaan 24-bittiseen sRGB-arvoon. Heksa ja rgb() ilmaisevat kanavat suoraan, kun taas hsl() kuvaa värin kulmana värikehällä sekä kylläisyytenä ja vaaleutena, mikä on usein helpompi hahmottaa sävyjä säädettäessä.
Kanavaa kohden 256 tasoa antaa 16 777 216 osoitettavaa väriä; 8-numeroiset muodot (#RRGGBBAA, rgba(), hsla()) lisäävät samaan väriin vain alfa- (läpinäkyvyys-) arvon.
