Värinvalitsin ja muunnin
Valitse väri ja muunna HEX-, RGB- ja HSL-muotojen välillä välittömästi. Ilmainen ja toimii kokonaan selaimessasi.
Värinvalitsimen ja muuntimen käyttö
- Click the large color preview swatch to open your browser's native color picker.
- Vaihtoehtoisesti kirjoita HEX-arvo suoraan HEX-kenttään (esim. #ff5733).
- Säädä yksittäisiä R-, G-, B-arvoja (0-255) tai H-, S-, L-arvoja hienosäätöön.
- Kaikki muodot päivittyvät reaaliajassa kun muutat mitä tahansa arvoa.
- Käytä Kopioi-painikkeita kopioidaksesi muotoillun väriarvon leikepöydällesi.
- Tarkista kontrastin esikatselu nähdäksesi miltä musta ja valkoinen teksti näyttävät valitsemallasi värillä.
Usein kysytyt kysymykset
Mikä on HEX-värimuoto?
HEX on kuusinumeroinen heksadesimaaliesitys väristä #-etuliitteellä. Jokainen numeropari edustaa punaista, vihreää ja sinistä kanavaa (esim. #ff5733 tarkoittaa R=255, G=87, B=51). Se on yleisin verkkosivusuunnittelussa ja CSS:ssä käytetty muoto.
Mikä on RGB:n ja HSL:n ero?
RGB määrittelee värin punaisella, vihreällä ja sinisellä valokomponentilla (0-255 kukin). HSL määrittelee värin sävyllä (0-360 astetta väriympyrällä), kylläisyydellä (0-100 %%) ja vaaleudella (0-100 %%). HSL on usein intuitiivisempi suunnittelijoille, koska voit helposti säätää kirkkautta tai kylläisyyttä vaikuttamatta sävyyn.
Miksi kontrastin tarkistus on tärkeää?
Riittävä kontrasti tekstin ja taustavärien välillä on olennaista luettavuudelle ja saavutettavuudelle. WCAG-ohjeet suosittelevat vähintään 4,5:1 kontrastisuhdetta normaalille tekstille. Kontrastin esikatselu auttaa sinua visuaalisesti varmistamaan, että teksti pysyy luettavana valitsemallasi värillä.
Tallennetaanko tietoni jonnekin?
Ei. Kaikki värimuunnokset tapahtuvat kokonaan selaimessasi JavaScriptin avulla. Mitään tietoja ei lähetetä millekään palvelimelle.
Lisää ilmaisia työkaluja