Värvivalija ja teisendaja

Vali värv või sisesta see HEX-, RGB-, HSL-kujul või inglise keelse nimega ning saa kohe kõik vormingud kopeerimiseks valmis, koos kontrastiga valgel ja mustal taustal. Kõik sinu brauseris.

Mida sa sisestad, ei lahku sinu seadmest. Kõik arvutatakse brauseris.

Vormingud

HEX
RGB
HSL
CMYK

Teksti kontrast (WCAG)

Valge tekst sellel värvil
Must tekst sellel värvil

Kuidas värvi teisendada

  1. Klõpsa värviruudul, värvitooni ribal või värvipaletil värvi valimiseks või sisesta see tekstiväljale.
  2. Võid selle sisestada HEX-kujul (#1e90ff), rgb()-na, hsl()-na või inglise keelse nimega.
  3. Vaata värvi eelvaates koos selle HEX-, RGB-, HSL- ja CMYK-vastetega.
  4. Kopeeri vajalik vorming ja kontrolli kontrasti valge või musta tekstiga.

Milleks see on

Disainerid ja arendajad teisendavad värvi sageli ühest vormingust teise: paletist saadud HEX, laadilehe rgb(), HSL heledamate või tumedamate variantide loomiseks. See tööriist teeb seda ühe sammuga.

Samuti arvutab see värvi kontrasti valge ja musta tekstiga, järgides WCAG juurdepääsetavuse juhiseid: 4,5:1 AA-taseme täitmiseks ja 7:1 AAA-taseme jaoks tavalise tekstiga.

CMYK on lihtne teisendus, mis sobib võrdlusena; professionaalseks trükiks tuleks kasutada oma disainitarkvara värviprofiili.

Mida silmas pidada

Korduma kippuvad küsimused

Kuidas teisendada HEX RGB-ks?

Sisesta HEX (näiteks #1e90ff) ja tööriist näitab kohe samaväärset rgb()-d koos HSL-i ja CMYK-ga.

Mis on WCAG kontrast?

See mõõdab, kui loetav on tekst taustal. Suhe 4,5:1 vastab AA-tasemele ja 7:1 AAA-le, tavalise teksti puhul.

Kas see aktsepteerib läbipaistvusega värve?

Jah: võid sisestada #rrggbbaa, rgba() või hsla() ning need kuvatakse koos läbipaistvusega.

Kas midagi saadetakse serverisse?

Ei. Kõik arvutatakse sinu brauseris.

Kas see on tasuta?

Jah, see on tasuta, registreerimist pole vaja ja see töötab otse sinu brauseris.