Siirry pääsisältöön
Converty

Värimuunnin

Muunna hex-, RGB-, HSL-, OKLCH- ja OKLAB-formaattien välillä samalla kun tarkistat kontrastia ja viet CSS-valmiita tokeneita.

Tukee hex-, rgb(), hsl(), oklch(), oklab()- ja nimettyjä CSS-värejä.

Nykyinen väri

#953769

Ehdotettu tekstiväri

#FFFFFF

Komplementtiväri

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alfa
Tailwind-teema
Luo nykyisestä väristä täydellinen brändipaletti Tailwind CSS 4:lle tai 3:lle.
50
oklch(94.5% 0.0212 350.46)
100
oklch(89.49% 0.0339 350.46)
200
oklch(81.48% 0.0542 350.46)
300
oklch(72.47% 0.0771 350.46)
400
oklch(61.46% 0.105 350.46)
500
oklch(48.44% 0.138 350.46)
600
oklch(43.57% 0.1236 350.46)
700
oklch(38.7% 0.1093 350.46)
800
oklch(33.22% 0.0932 350.46)
900
oklch(27.74% 0.077 350.46)
950
oklch(23.48% 0.0644 350.46)
CSS-muuttujat

Tietoa CSS-värimuunnoksista

Värimuuntimet auttavat siirtämään saman värin HEX-, RGB-, HSL-, OKLCH- ja OKLAB-muotojen välillä. Niistä on eniten hyötyä, kun tarvitset luettavaa tulostetta, kontrastikontekstia ja CSS:ään tai Tailwindiin valmiita arvoja.

HEX-, RGB-, HSL- ja CSS-värit

HEX, RGB ja HSL kattavat suurimman osan tavallisista selain-, design- ja frontend-työnkuluista.

Nopea muunnos antaa liittää yhden arvon ja käyttää sitä kaikkialla ilman syntaksin käsinkirjoittamista.

Miksi OKLCH ja OKLAB ovat tärkeitä

OKLCH ja OKLAB sopivat paremmin pehmeiden asteikkojen ja ennustettavien vaaleusmuutosten rakentamiseen.

Ne helpottavat palettityötä, kun välität tasapainoisista asteikoista ja luotettavasta kontrastista.

Kontrastitarkistukset ja Tailwind-tuloste

Kontrastitarkistukset ja framework-valmis tuloste tekevät muuntimesta käytännöllisen UI-työkalun.

Yhdestä syötearvosta pääset nopeammin luettaviin tekstivärivalintoihin ja Tailwind-ystävällisiin tokeneihin.

Usein kysytyt kysymykset

Vastauksia tuetuista väriformaateista, siitä milloin käyttää havaintoperusteisia avaruuksia kuten OKLCH, ja miten kontrasti- sekä Tailwind-tulosteita kannattaa tulkita.

Muut työkalut

Selaa jokaista erillistä työkalusivua etusivun keskuksesta tai keskitetystä ylätunnisteen valitsimesta.

Kuvat

WebP-muunnin

Muunna enintään 10 JPEG-, PNG- tai WebP-kuvaa WebP-muotoon laatuasetuksilla ja ZIP-latauksilla.

Avaa WebP-muunnin

Resurssit

Favicon / sovelluskuvakegeneraattori

Lataa yksi neliömäinen lähdekuva ja luo favicon-paketti sovelluskuvakkeineen sekä aloitusmanifestilla.

Avaa Favicon-generaattori

Dataformaatit

JSON / YAML / TOML -muunnin

Validoi, muotoile, minimoi ja muunna JSONia, YAMLia ja TOMLia selkeillä yhteensopivuusvaroituksilla.

Avaa JSON / YAML / TOML

Dataformaatit

CSV-tarkistin

Validoi CSV-tiedostot ja liitetyt rivit erotinmerkin tunnistuksella, otsaketarkistuksilla, ongelmalistoilla ja jäsennetyillä esikatseluilla.

Avaa CSV-tarkistin

Teksti

Case / Slug / Escape

Muunna teksti camelCase-, snake_case-, kebab-case-, PascalCase-, slug- ja yleisiin escape-muotoihin.

Avaa Case / Slug / Escape

Teksti

Markdown-tarkistin ja esikatselu

Validoi Markdown-rakenne, esikatsele renderöity tulos ja löydä yleiset kirjoitusongelmat ennen julkaisua.

Avaa Markdown-tarkistin