Värikoodien muuntaminen

Värikoodien muuntaminen (värimuunnin)

Kun määrität värin värivalitsimella tai numeerisella arvolla, järjestelmä laskee automaattisesti HEX-, RGB-, HSL-, HSV- ja CMYK-arvot. Voit kopioida kunkin muodon yhdellä napsautuksella ja tarkistaa kontrastisuhteen komplementtivärien ja tekstivärien kanssa.

Valitse väri

Tukee #RGB-, #RGBA-, #RRGGBB- ja #RRGGBBAA-muotoja.

%
%

%
%

%
%
%
%

Käännöstulos

Syötetyt värit on muunnettu kuhunkin värimuotoon.

Esimerkkiteksti
HEX
HEXA (läpikuultavuus)
RGB
RGBA
HSL
HSLA
HSV / HSB
CMYK

Komplementaariset värit

Tämä on vastaväri, joka on siirretty 180 astetta värikiekossa.

Kontrasti tekstin värin kanssa

Suhde valkoiseen tekstiin
Suhde mustaan tekstiin
Helppolukuinen tekstin väri:

Kaikki värimuunnokset suoritetaan selaimessa; syötettyjä tietoja ei lähetetä palvelimelle.

Mikä on värikoodien muuntotyökalu?

Color Code Converter on ilmainen verkkotyökalu, joka muuntaa verkkosuunnittelussa, sovelluskehityksessä, kuvankäsittelyssä ja painosuunnittelussa käytettyjä numeerisia värimäärittelyjä. Jopa saman värin kohdalla sen määrittämiseen käytetty muoto – kuten HEX, RGB, HSL, HSV tai CMYK – vaihtelee sovelluksen tai ohjelmiston mukaan. Tämän työkalun avulla voit tarkastella kaikkien tärkeimpien formaattien arvoja yhdellä silmäyksellä syöttämällä vain yhden värin.

HEX on heksadesimaali-ilmaisu, jota käytetään laajalti verkkosivustojen CSS-tyylitiedostoissa. Esimerkiksi valkoinen esitetään merkinnällä #FFFFFF ja musta merkinnällä #000000. RGB on menetelmä, jossa yhdistetään punaista, vihreää ja sinistä valoa asteikolla 0–255, ja sitä käytetään näyttöjen värien käsittelyyn. RGBA- ja 8-merkkisen HEXA-muodon avulla voit määrittää myös läpikuultavuuden, minkä ansiosta ne ovat hyödyllisiä puoliläpikuultavien taustavärien ja peittokuvien luomisessa.

HSL-malli kuvaa väriä sävyn, kylläisyyden ja kirkkauden avulla. Sävy määritetään värikiekossa, jonka asteikko ulottuu 0–360 astetta, kun taas kylläisyys ja kirkkaus määritetään asteikolla 0–100 %.Tämän muodon ansiosta värejä on helppo säätää intuitiivisesti, esimerkiksi kirkastamalla niitä hieman tai vaimentamalla niiden eloisuutta. HSV- tai HSB-väriavaruudessa väri määritetään sävyn, kylläisyyden ja kirkkauden avulla, ja sitä käytetään monissa grafiikkaohjelmissa ja värivalitsimissa.

CMYK on värimalli, joka perustuu syaanin, magentan, keltaisen ja mustan musteen määriin, ja sitä käytetään pääasiassa painoteollisuudessa. Näytön RGB-väreistä matemaattisesti lasketut CMYK-arvot ovat kuitenkin vain karkea ohje. Koska todelliset tulostustulokset riippuvat tekijöistä kuten paperista, musteesta, painokoneesta ja ICC-profiileista, tarkista asia painotaloltasi ja varmista värinhallintaympäristösi, kun kyseessä ovat painotuotteet, joissa vaaditaan värintarkkuutta.

Tämä työkalu näyttää paitsi kunkin värimuodon arvot, myös esikatselun valitusta väristä, sen komplementtiväristä (sävy siirretty 180 astetta) sekä kontrastisuhteen, kun valkoista ja mustaa tekstiä asetetaan päällekkäin. Se on hyödyllinen valittaessa tekstivärejä, jotka ovat helposti luettavissa taustaväriä vasten, sekä suunniteltaessa värimaailmoja esteettömyys huomioon ottaen.Kaikki laskelmat suoritetaan selaimessa, eikä syöttämiäsi väritietoja lähetetä koskaan palvelimelle.

Käyttöohjeet

  1. Käytä värivalitsinta tai syötä arvo HEX-, RGB-, HSL-, HSV- tai CMYK-muodossa.
  2. Syöttämäsi muodon mukaan muiden värimuotojen arvot päivittyvät automaattisesti.
  3. Jos läpinäkyvyyttä tarvitaan, säädä läpinäkyvyyden liukusäädintä tai numerokenttää.
  4. Kun napsautat ”Näytä muuntotulokset”, siirryt tulososioon, jossa voit tarkistaa kunkin muodon, täydentävät värit ja kontrastisuhteen.
  5. Napsauta haluamassasi muodossa olevaa "Kopioi"-painiketta ja liitä teksti sitten CSS-tiedostoon, suunnittelutyökaluihin, dokumentaatioon jne.

Käyttöohjeet

  • CMYK-arvot ovat RGB-arvoista johdettuja yleisiä muunnoksia, eivätkä ne takaa tarkkaa värien toistumista painatuksessa.
  • Läpinäkyvyys näkyy RGB-, HSL- ja HEXA-tuloksissa, mutta CMYK-värimallissa ei ole läpinäkyvyyden käsitettä.
  • Sama värikoodi voi näkyä eri tavoin riippuen näytön, selaimen ja käyttöjärjestelmän asetuksista.
  • Kontrastisuhde lasketaan läpinäkymättömien värien perusteella, läpinäkyvyyttä lukuun ottamatta. Luettavuus voi vaihdella riippuen todellisesta taustakuvasta ja siitä, miten elementit ovat päällekkäin.
  • Hyvin pienet desimaaliluvut pyöristetään sopivaan desimaalimäärään luettavuuden parantamiseksi.

Usein kysytyt kysymykset

Värit ilmaistaan heksadesimaalimerkintänä. Yleensä käytetään 6-merkkistä #RRGGBB-muotoa; kun mukana on läpinäkyvyyttä, käytetään 8-merkkistä #RRGGBBAA-muotoa.

RGB koostuu kolmesta komponentista – punaisesta, vihreästä ja sinisestä – kun taas RGBA:ssa on lisäksi alfa-kanava, joka kuvaa läpinäkyvyyttä.

Tämä on hyödyllistä, kun haluat säätää kirkkautta tai kylläisyyttä säilyttäen samalla saman sävyn. Se sopii hyvin myös värivariaatioiden luomiseen CSS:ssä.

Yleensä nämä viittaavat samaan malliin. "V" tarkoittaa "Value" (arvo) ja "B" tarkoittaa "Brightness" (kirkkaus), vaikka terminologia voi vaihdella sovelluksesta riippuen.

Näyttää yleisten kaavojen perusteella laskettuja arvioituja arvoja. Tarkkojen tulostusvärien saavuttaminen edellyttää ICC-profiileja ja tiettyä tulostusympäristöä.

Kyllä. Jos syötät arvon #RGB-muodossa, se muunnetaan muotoon #RRGGBB, jolloin jokainen numero toistetaan kahdesti.

Kyllä. Se tukee sekä #RGBA- että #RRGGBBAA-muotoista syöttöä ja tulostusta.

Nämä ovat värejä, jotka sijaitsevat värikiekon vastakkaisella puolella. Tämä työkalu laskee ne siirtämällä HSL-sävyä 180 astetta.

Tämä ilmaisee taustavärin ja tekstin värin välisen kirkkauden eron. Yleensä mitä suurempi luku on, sitä helpompi teksti on erottaa.

Vertaa tulososion kontrastisuhteita; valitsemalla suuremman suhteen parannat luettavuutta.

Ei. Muunnos ja näyttö tapahtuvat kokonaan selaimessa; väriarvoja ei lähetetä palvelimelle käsiteltäviksi.

Kyllä. Voit muuntaa arvot värivalitsimella tai numeerisilla syöttökentillä tuetuissa selaimissa.