Värvimuundur: HEX, RGB, HSL, HSV, CMYK
Teisenda värve HEX-, RGB-, HSL-, HSV- ja CMYK-vormingute vahel, kontrolli kontrasti ja koosta palett.
CSS
color: #2563eb;color: rgb(37, 99, 235);color: hsl(221, 83%, 53%);
WCAG kontrast
Arvutatud läbipaistmatu värviga teksti värvina.
Suhe: 5.17:1
- AA tekst: Vastab
- AA suur tekst: Vastab
- AAA tekst: Ei vasta
- AAA suur tekst: Vastab
Suhe: 4.06:1
- AA tekst: Ei vasta
- AA suur tekst: Vastab
- AAA tekst: Ei vasta
- AAA suur tekst: Ei vasta
Palett
Valimiseks klõpsa värviruudul.
Heledamad ja tumedamad toonid
Täiendvärv
Naaberärvid
Kuidas kasutada
Vali värv värvivalijaga või sisesta see mis tahes väljale: kõik teised vormingud uuenevad kohe. Aktsepteeritakse 3-, 4-, 6- või 8-kohalisi HEX-koode (näiteks #f80 või #ff880080) ning rgb(), rgba(), hsl(), hsla(), hsv() ja cmyk() kirjaviise. Liugur määrab läbipaistmatuse (alfa).
Iga välja kõrval olev nupp kopeerib selle väärtuse ja CSS-i jaotis annab sulle valmis color: read.
Kontrast ja ligipääsetavus
Tööriist arvutab valitud värvi ja valge ning musta vahelise WCAG kontrastsuhte. Tavalise teksti puhul nõuab tase AA vähemalt 4,5:1 ja AAA 7:1. Suur tekst (umbes 24 px või 19 px paksus kirjas) vajab vastavalt 3:1 ja 4,5:1.
Kontrasti arvutatakse läbipaistvuseta, see tähendab täiesti läbipaistmatu värviga.
Palett, CMYK ja privaatsus
Palett näitab heledamaid ja tumedamaid toone (segatud valge või mustaga), täiendvärvi (värviringil vastaspool) ja naaberärve. Klõpsa värviruudul, et see praeguseks värviks teha.
CMYK arvutatakse siin lihtsa matemaatilise valemiga, seega võib trükitulemus erineda: täpsed trükivärvid sõltuvad printerist ja värviprofiilist. Kõik arvutused toimuvad sinu brauseris ning andmeid ei saadeta kuhugi.