Värimuunnin
Muuta HEX-, RGB- ja HSL-värimuotojen välillä heti.
Useita muotoja
Muuta HEX:stä (#RGB), RGB:stä (punainen, vihreä, sininen) ja HSL:stä (sävy, kylläisyys, vaaleus) reaaliaikaisella esikatselulla.
Reaaliaikainen esikatselu
Näe väri reaaliajassa kirjoittaessasi. Visualisoi heti, miltä väri näyttää ennen sen käyttöä.
Kopioi leikepöydälle
Yhden napsautuksen kopio kaikissa muodoissa. Liitä värit heti CSS:ään, suunnittelutyökaluihin tai koodiin.
Värivalitsin
Käytä sisäänrakennettua värivalitsinta värien visuaaliseen valintaan sen sijaan, että kirjoittaisit koodeja.
Värimallien ymmärtäminen
Eri värimallit palvelevat erilaisia tarkoituksia suunnittelussa ja kehityksessä. HEX (heksadesimaalinen) on verkkostandardi, RGB kuvaa, miten näytöt näyttävät värejä, ja HSL kuvaa väriä ihmisten ymmärtämillä termeillä. Jokaisella muodolla on ainutlaatuisia etuja: HEX on tiivis, RGB on intuitiivinen digitaalisille näytöille, ja HSL helpottaa värivaihteluiden luomista säätämällä vaaleutta tai kylläisyyttä.
Värimuunnoksen käyttötapaukset
Verkkosuunnittelijat muuttavat värejä vastaamaan CSS-vaatimuksia, graafiset suunnittelijat kääntävät brändivärejä työkalujen välillä, ja kehittäjät säätävät väriteemoja ohjelmallisesti. HEX on täydellinen CSS:lle ja HTML:lle, RGB toimii hyvin JavaScript-kangasoperaatioissa ja kuvankäsittelyssä, ja HSL loistaa väripalettien luomisessa säätämällä systemaattisesti sävyä, kylläisyyttä tai vaaleutta johdonmukaisille suunnitelmille.
Värimallien ymmärtäminen
HEX käyttää base-16-merkintää (0-9, A-F), jossa #RRGGBB edustaa punaista, vihreää ja sinistä komponenttia. RGB käyttää desimaalilukuja (0-255) jokaiselle värikanavalle. HSL erottaa sävyn (0-360°, väripyörän sijainti), kylläisyyden (0-100%, värin intensiivisyys) ja vaaleuden (0-100%, kirkkaus). Niiden välillä muuntaminen vaatii matemaattisia kaavoja—työkalumme käsittelee nämä automaattisesti.