Izbirnik in pretvornik barv

Izberi barvo ali jo vpiši kot HEX, RGB, HSL ali z angleškim imenom in takoj dobi vse zapise, pripravljene za kopiranje, skupaj s kontrastom na belem in črnem. Vse v brskalniku.

Kar vpišeš, nikoli ne zapusti tvoje naprave. Vse se izračuna v brskalniku.

Zapisi

HEX
RGB
HSL
CMYK

Kontrast besedila (WCAG)

Belo besedilo na tej barvi
Črno besedilo na tej barvi

Kako pretvoriti barvo

  1. Klikni barvni kvadrat, vrstico odtenkov ali barvno paleto, da izbereš barvo, ali jo vpiši v besedilno polje.
  2. Vpišeš jo lahko kot HEX (#1e90ff), kot rgb(), kot hsl() ali z angleškim imenom.
  3. Poglej barvo v predogledu skupaj z ustreznimi zapisi HEX, RGB, HSL in CMYK.
  4. Kopiraj zapis, ki ga potrebuješ, in preveri kontrast z belim ali črnim besedilom.

Za kaj je uporabno

Oblikovalci in razvijalci pogosto pretvarjajo barvo iz enega zapisa v drugega: HEX iz palete, rgb() v slogovni datoteki, HSL za izdelavo svetlejših ali temnejših različic. To orodje to opravi v enem koraku.

Izračuna tudi kontrast barve z belim in s črnim besedilom po smernicah dostopnosti WCAG: 4,5:1 za raven AA in 7:1 za raven AAA pri navadnem besedilu.

CMYK je preprosta pretvorba, uporabna kot orientacija; za profesionalni tisk uporabi barvni profil v svojem programu za oblikovanje.

Dobro je vedeti

Pogosta vprašanja

Kako pretvorim HEX v RGB?

Vpiši HEX (na primer #1e90ff) in orodje takoj pokaže ustrezen rgb() skupaj s HSL in CMYK.

Kaj je kontrast WCAG?

Meri, kako berljivo je besedilo na ozadju. Razmerje 4,5:1 izpolnjuje raven AA, 7:1 pa raven AAA, za navadno besedilo.

Ali sprejme barve s prosojnostjo?

Da: vpišeš lahko #rrggbbaa, rgba() ali hsla() in prikazane so tudi s prosojnostjo.

Se kaj pošlje na strežnik?

Ne. Vse se izračuna v brskalniku.

Je brezplačno?

Da, brezplačno je, ne zahteva registracije in deluje neposredno v brskalniku.