Pretvorba barvnih kod

Pretvorba barvnih kod (Color Converter)

Ko določite barvo z izbirnikom barv ali številčno vrednostjo, sistem samodejno izračuna vrednosti HEX, RGB, HSL, HSV in CMYK. Vsak format lahko kopirate z enim klikom ter preverite kontrastno razmerje s komplementarnimi barvami in barvami besedila.

Vnesite barvo

Podpira formate #RGB, #RGBA, #RRGGBB in #RRGGBBAA.

%
%

%
%

%
%
%
%

Rezultat prevoda

Vnesene barve so bile pretvorjene v posamezne barvne formate.

Vzorec besedila
HEX—
HEXA (z neprosojnostjo)—
RGB—
RGBA—
HSL—
HSLA—
HSV / HSB—
CMYK—

Komplementarne barve

—

To je nasprotna barva, ki je na barvnem krogu premaknjena za 180 stopinj.

Kontrast z barvo besedila

Razmerje do belega besedila—
Razmerje do črnega besedila—
Barva besedila, ki omogoča lažje branje：—

Vsa pretvorba barv poteka znotraj brskalnika; vneseni podatki se ne pošiljajo na strežnik.

Kaj je orodje za pretvorbo barvnih kod?

Color Code Converter je brezplačno spletno orodje, ki pretvarja številčne barvne predstavitve, ki se uporabljajo pri spletnem oblikovanju, razvoju aplikacij, urejanju slik in tiskarskem oblikovanju. Tudi za isto barvo se format, ki se uporablja za njeno določitev – kot so HEX, RGB, HSL, HSV ali CMYK – razlikuje glede na aplikacijo ali programsko opremo. S tem orodjem lahko na en pogled pregledate vrednosti za vse glavne formate, tako da preprosto vnesete eno samo barvo.

HEX je šestnajstiški zapis, ki se pogosto uporablja v CSS-ju spletnih strani. Na primer, bela barva je označena kot #FFFFFF, črna pa kot #000000. RGB je sistem, ki združuje rdečo, zeleno in modro svetlobo na lestvici od 0 do 255 in se uporablja za obdelavo barv na zaslonih. RGBA in 8-mestni HEXA omogočata tudi določanje prosojnosti, zaradi česar sta uporabna za ustvarjanje polprosojnih barv ozadja in prekrivnih plasti.

HSL predstavlja barvo z uporabo odtenka, nasičenosti in svetlosti. Odtenek je določen na barvnem krogu v razponu od 0 do 360 stopinj, medtem ko sta nasičenost in svetlost določeni na lestvici od 0 do 100 %.Ta format omogoča enostavno in intuitivno prilagajanje barv, na primer njihovo rahlo posvetlitev ali zmanjšanje njihove živosti. HSV ali HSB predstavlja barvo z odtenkom, nasičenostjo in svetlostjo ter se uporablja v številnih grafičnih programih in izbirnikih barv.

CMYK je barvni model, ki temelji na količinah cian, magente, rumene in črne barve ter se uporablja predvsem v tiskarski industriji. Vendar so vrednosti CMYK, matematično izračunane iz barv RGB na zaslonu, le okvirna smernica. Ker so dejanski rezultati tiskanja odvisni od dejavnikov, kot so papir, črnilo, tiskarski stroj in ICC-profili, se za tiskovine, ki zahtevajo barvno natančnost, posvetujte s svojo tiskarno in preverite svoje okolje za upravljanje barv.

To orodje prikazuje ne le vrednosti za vsak format, temveč tudi predogled izbrane barve, njeno komplementarno barvo (z odklonom 180 stopinj v odtenku) ter kontrastno razmerje, ko se belo in črno besedilo prekrivata. Uporabno je za izbiro barv besedila, ki so na barvi ozadja dobro berljive, ter za upoštevanje barvnih shem z vidika dostopnosti.Vsi izračuni se izvajajo znotraj brskalnika, podatki o barvah, ki jih vnesete, pa se nikoli ne pošiljajo na strežnik.

Kako uporabljati

  1. Uporabite izbirnik barv ali vnesite vrednost v formatu HEX, RGB, HSL, HSV ali CMYK.
  2. Glede na vneseni format se bodo vrednosti v drugih barvnih formatih samodejno posodobile.
  3. Če je potrebna prosojnost, prilagodite drsnik za prosojnost ali številčno polje.
  4. Ko kliknete »Prikaži rezultate pretvorbe«, se boste preusmerili v razdelek z rezultati, kjer lahko preverite vsak format, dopolnilne barve in kontrastno razmerje.
  5. Kliknite »Kopiraj« v želenem formatu, nato pa besedilo prilepite v CSS, orodja za oblikovanje, dokumentacijo itd.

Varnostni ukrepi pri uporabi

  • Vrednosti CMYK so splošne pretvorbe, izpeljane iz RGB, in ne zagotavljajo natančnega barvnega upodabljanja pri tiskanju.
  • Prosojnost se odraža v izhodnih vrednostih RGB, HSL in HEXA, medtem ko CMYK ne vključuje koncepta prosojnosti.
  • Glede na nastavitve zaslona, brskalnika in operacijskega sistema se lahko ista barvna koda prikaže drugače.
  • Kontrastno razmerje se izračuna na podlagi neprosojnih barv, brez upoštevanja prosojnosti. Berljivost se lahko razlikuje glede na dejansko sliko ozadja in način prekrivanja elementov.
  • Zelo majhna decimalna števila se bodo zaradi boljše berljivosti zaokrožila na ustrezno število decimalnih mest.

Pogosta vprašanja

Barve so predstavljene v šestnajstiškem zapisu. Običajno se uporablja 6-mestni format #RRGGBB; kadar je vključena prosojnost, se uporablja 8-mestni format #RRGGBBAA.

RGB sestavljajo tri komponente – rdeča, zelena in modra –, medtem ko RGBA dodaja alfa kanal za prikaz prosojnosti.

To je koristno, kadar želite prilagoditi svetlost ali nasičenost, pri tem pa ohraniti isti odtenek. Prav tako je primerno za ustvarjanje barvnih variacij v CSS.

Na splošno se ti nanašajo na isti model. »V« pomeni »vrednost« (Value), »B« pa »svetlost« (Brightness), čeprav se terminologija lahko razlikuje glede na aplikacijo.

Prikaže približne vrednosti na podlagi splošnih formul. Za doseganje natančnih barv pri tiskanju so potrebni ICC-profili in ustrezno tiskalno okolje.

Da. Če vnesete vrednost v formatu #RGB, bo pretvorjena v #RRGGBB, pri čemer se vsaka številka ponovi dvakrat.

Da. Podpira tako vhod kot izhod v obliki #RGBA in #RRGGBBAA.

To so barve, ki se nahajajo na nasprotnih straneh barvnega kroga. To orodje jih izračuna s premikom barvnega odtenka HSL za 180 stopinj.

Ta vrednost izraža razliko v svetlosti med barvo ozadja in barvo besedila. Na splošno velja, da je besedilo lažje razpoznati, če je številka višja.

V razdelku z rezultati primerjajte kontrastna razmerja; izbira tistega z višjim razmerjem bo izboljšala berljivost.

Ne. Pretvorba in prikaz potekata v celoti znotraj brskalnika; vrednosti barv se ne pošiljajo na strežnik za obdelavo.

Da. Vrednosti lahko pretvorite z izbirnikom barv ali številčnimi polji za vnos v podprtih brskalnikih.