Spalvų konverteris: HEX, RGB, HSL, HSV, CMYK
Konvertuokite spalvas tarp HEX, RGB, HSL, HSV ir CMYK, patikrinkite kontrastą ir susikurkite paletę.
CSS
color: #2563eb;color: rgb(37, 99, 235);color: hsl(221, 83%, 53%);
WCAG kontrastas
Skaičiuojama su nepermatoma spalva kaip teksto spalva.
Santykis: 5.17:1
- AA tekstas: Tinka
- AA didelis tekstas: Tinka
- AAA tekstas: Netinka
- AAA didelis tekstas: Tinka
Santykis: 4.06:1
- AA tekstas: Netinka
- AA didelis tekstas: Tinka
- AAA tekstas: Netinka
- AAA didelis tekstas: Netinka
Paletė
Paspauskite atspalvį, kad jį pasirinktumėte.
Šviesesni ir tamsesni atspalviai
Komplementinė spalva
Gretimos spalvos
Kaip naudotis
Pasirinkite spalvą spalvų parinkikliu arba įrašykite ją į bet kurį laukelį: visi kiti formatai atsinaujina iškart. Priimami HEX kodai su 3, 4, 6 ar 8 skaitmenimis (pvz., #f80 ar #ff880080) bei rgb(), rgba(), hsl(), hsla(), hsv() ir cmyk() užrašai. Slankiklis nustato permatomumą (alfa).
Šalia kiekvieno laukelio esantis mygtukas nukopijuoja reikšmę, o skyriuje „CSS“ rasite paruoštas color: eilutes.
Kontrastas ir prieinamumas
Įrankis apskaičiuoja WCAG kontrasto santykį tarp pasirinktos spalvos ir baltos bei juodos spalvų. Paprastam tekstui AA lygiui reikia bent 4,5:1, AAA – 7:1. Dideliam tekstui (nuo maždaug 24 px ar 19 px paryškinto) reikia atitinkamai 3:1 ir 4,5:1.
Kontrastas skaičiuojamas neįskaitant permatomumo, t. y. su visiškai nepermatoma spalva.
Paletė, CMYK ir privatumas
Paletėje rodomi šviesesni ir tamsesni atspalviai (maišant su balta ar juoda), komplementinė spalva (priešinga spalvų rate) ir gretimos spalvos. Paspaudus atspalvį, jis tampa pagrindine spalva.
CMYK čia skaičiuojamas pagal paprastą matematinę formulę, todėl spausdinant rezultatas gali skirtis: tikslus spalvų atvaizdavimas priklauso nuo spausdintuvo ir spalvų profilio. Visi skaičiavimai atliekami jūsų naršyklėje, jokie duomenys nesiunčiami.