CSS-väri koodista

Anna CSS-väriarvo, esimerkiksi #ff6600, ff6600, rgb(255 102 0) tai hsl(24 100% 50%). Työkalu näyttää värin ja muuntaa sen yleisiin CSS-muotoihin.

Syötä CSS-värikoodi

Värinäyte ilmestyy tänne

HEX

—

RGB

—

RGBA

—

HSL

—

HSLA

—

CSS-syöte

—

Miksi käyttää online-CSS-värintarkistusta?

Tämän työkalun avulla voit nopeasti visualisoida minkä tahansa CSS-väriarvon suoraan selaimessasi. Voit liittää koodeja suunnittelujärjestelmästä, tyylioppaasta tai asettelusta ja nähdä heti, miltä ne näyttävät näytöllä.

Käytä sitä, kun valmistelet verkkosivuston tyylejä, sovitat brändivärejä tai korjaat olemassa olevia asetteluja. Tarkistin tukee kaikkia tavallisia CSS-formaatteja, mukaan lukien HEX, RGB, RGBA, HSL ja nimetyt värit.

✓ Esikatsele CSS-värejä ennen kuin käytät niitä tyylitaulukoissa tai suunnittelujärjestelmissä.

✓ Tarkista HEX, RGB, RGBA, HSL ja nimetyt väriarvot yhdessä paikassa.

✓ Hyödyllinen merkkivärien sovittamiseen ja olemassa olevien asettelujen virheenkorjaukseen.

✓ Liitä väriarvo ja katso malli suoraan selaimessa.

✓ Käytä esikatselumallia varmistaaksesi, että jäsennetty väri vastaa aiottua sävyä.

✓ Muunnin auttaa kopioimaan värejä CSS-koodin, suunnittelutyökalujen ja dokumentaation välillä.