Suomi

Muunnintyökalu

Muunna HEX, RGB, HSL, HSV ja CMYK

Muunna HEX, RGB, HSL, HSV/HSB ja CMYK selaimessa. Valitse väri, kopioi koodit ja tarkista WCAG-kontrasti. Mitään ei ladata palvelimelle.

Liitä värikoodi tai käytä valitsinta. HEX, RGB, HSL, HSV ja CMYK päivittyvät yhdessä. Kontrastitarkistus käyttää WCAG-suhteita läpinäkymättömällä taustalla.

  • Toimii paikallisesti
  • Ei latausta
  • Heti
  • Ilmainen
Esikatselu
Valkoisella
Mustalla
Syöttömuoto

RGBA, HSLA ja 8-numeroinen HEX säilyttävät alfan. HSV- ja CMYK-merkkijonot eivät; alfa näytetään erikseen.

HSV ja HSB ovat sama malli. V ja B tarkoittavat kumpikin kirkkautta.

CMYK tässä on arvio näytön RGB:stä. Se ei ole ICC-painoprofiilimuunnos.

WCAG-kontrasti

Edustassa voi olla alfa, ja se yhdistetään läpinäkymättömälle taustalle. Tämä versio ei käytä taustan alfaa. Kontrasti yksin ei todista sivun saavutettavuutta.

Tarkistus Tulos
AA tavallinen teksti
AA suuri teksti
AAA tavallinen teksti
AAA suuri teksti

Tavallisen tekstin näyte

Suuren tekstin näyte

Värimuunnos ja kontrastitarkistus suoritetaan selaimessa. Arvoja ei ladata.

Näin se toimii

  1. Liitä HEX-, RGB-, HSL-, HSV- tai CMYK-arvo, tai käytä valitsinta.
  2. Lue muunnetut koodit ja kopioi tarvitsemasi.
  3. Tarkista kontrasti läpinäkymättömällä taustalla, jos väri on tekstiä varten.

Miksi NEXNARA

  • Yksityinen

    Tietosi pysyvät selaimessa.

  • Heti

    Tulos näkyy heti.

  • Ei latauksia

    NEXNARA-palvelimelle ei lähetetä mitään.

  • Toimii missä tahansa

    Asennusta ei tarvita.

Mikä on värimuunnin?

Työkalu muuttaa yhden värikirjoituksen toisiksi. Kopioi HEX CSS:ään, RGB suunnittelutyökaluihin, HSL säätöön, HSV valitsimiin tai yksinkertainen CMYK-arvio. Kaikki laskenta pysyy selaimessa.

Mikä on HEX?

HEX kirjoittaa punaisen, vihreän ja sinisen heksadesimaalisina pareina, esimerkiksi #FF0000. Lyhyt #RGB kaksinkertaistaa jokaisen numeron. Kahdeksannumeroinen #RRGGBBAA lisää alfan. Tässä # on valinnainen.

Mikä on RGB?

RGB sekoittaa punaista, vihreää ja sinistä 0–255. RGBA lisää alfan 0–1. Näytöt näyttävät värin RGB:nä, joten se on muiden muunnosten keskusmuoto.

Mikä on HSL?

HSL on sävy (0–360), kylläisyys (0–100%) ja vaaleus (0–100%). Sävy 360 on sama kuin 0. HSLA lisää alfan. Hyödyllinen, kun haluat vaalentaa tai kyllästää ilman raakaa RGB:tä.

Mikä on HSV / HSB?

HSV (eli HSB) käyttää sävyä, kylläisyyttä ja arvoa/kirkkautta. Se ei ole HSL: täysin kirkas punainen on hsv(0, 100%, 100%) ja hsl(0, 100%, 50%). Työkalu käsittelee HSV:n ja HSB:n yhtenä mallina.

Mikä on CMYK?

CMYK on syaani, magenta, keltainen ja musta, kukin 0–100%. Tulostimet käyttävät CMYK:tä. Muunnos tässä on matemaattinen arvio näytön RGB:stä, ei painovalmis ICC-profiili.

RGB vastaan CMYK

RGB on additiivista valoa näytöllä. CMYK on subtraktiivista mustetta paperilla. Samat luvut eivät aina täsmää painettuun näytteeseen. Käytä tätä CMYK-tulostetta karkeana arviona, älä lopulliseen painoon.

Mikä on alfa?

Alfa on peittävyys. 1 on umpinainen; 0 on täysin läpinäkyvä. 8-numeroinen HEX, RGBA ja HSLA tallentavat sen. HSV- ja CMYK-tulosteet tällä sivulla eivät sisällä alfaa, joten alfakenttä pysyy näkyvissä.

Mikä on WCAG-kontrastisuhde?

WCAG-kontrasti vertaa tekstin ja taustan suhteellista luminanssia. Yleisiä tavoitteita: 4,5:1 AA tavalliselle tekstille, 3:1 AA suurelle tekstille, 7:1 AAA tavalliselle tekstille ja 4,5:1 AAA suurelle tekstille. Tarkistus ei kata kirjasinkokoa, paksuutta eikä muuta saavutettavuutta.

Näin muunnat värin

Valitse HEX, RGB, HSL, HSV tai CMYK. Liitä arvo tai siirrä valitsinta. Muunnos tapahtuu kirjoittaessasi. Kopioi mikä tahansa tulos. Kontrastia varten aseta läpinäkymätön tausta ja lue PASS tai FAIL kunkin WCAG-rivin vierestä.

Tietosuoja

Mitään ei lähetetä NEXNARA-palveluun eikä ulkoiseen väri-API:in. Arvoja ei tallenneta evästeisiin eikä paikalliseen tallennukseen tälle työkalulle.

UKK

Miten muunnan HEX:n RGB:ksi?

Liitä HEX-arvo kuten #FF0000 tai valitse väri. RGB näkyy muodossa rgb(255, 0, 0).

Miten muunnan RGB:n HEX:ksi?

Valitse RGB ja anna rgb(255, 0, 0) tai kentät R, G, B. HEX päivittyy muotoon #FF0000.

Mikä on HSL:n ja HSV:n ero?

Molemmat käyttävät sävyä ja kylläisyyttä, mutta HSL:n kolmas kanava on vaaleus ja HSV:n arvo (kirkkaus). Täysin kirkas punainen on 50 % lightness HSL:ssä ja 100 % value HSV:ssä.

Onko HSV sama kuin HSB?

Kyllä. HSB:n B (brightness) on HSV:n V (value). Työkalu hyväksyy hsv()- ja hsb()-muodot.

Voiko RGB:n muuntaa CMYK:ksi?

Kyllä, näytön RGB-arviona. Se ei täsmää jokaiseen tulostinprofiiliin.

Miksi painettu CMYK voi näyttää erilaiselta?

Paperi, muste ja ICC-profiilit muuttavat tuloksen. Sivu ei simuloi painokonetta.

Mitä 8-numeroinen HEX tarkoittaa?

Kaksi viimeistä numeroa on alfa. #FF000080 on punaista noin 50 % peittävyydellä.

Minkä kontrastisuhteen tarvitsen?

WCAG AA tavallinen teksti on 4,5:1. Suuri teksti voi käyttää 3:1. AAA tavallinen teksti on 7:1. Työkalu ilmoittaa vain nämä neljä tarkistusta.

Tehdäänkö muunnos paikallisesti?

Kyllä. Se suoritetaan selaimessa. Palvelinta eikä ulkoista API:a ole.

Miten muunnan HEX:n HSL:ksi?

Liitä HEX ja lue HSL-kenttä, tai aloita HSL:stä ja kopioi HEX. Sävy 360 on sama kuin 0.