Spalvų parinkiklis ir keitiklis

Pasirinkite spalvą arba įveskite ją kaip HEX, RGB, HSL ar angliškuoju pavadinimu ir iškart gaukite visus formatus, paruoštus kopijuoti, kartu su kontrastu baltame ir juodame fone. Viskas jūsų naršyklėje.

Tai, ką įvedate, niekada nepalieka jūsų įrenginio. Viskas skaičiuojama jūsų naršyklėje.

Formatai

HEX
RGB
HSL
CMYK

Teksto kontrastas (WCAG)

Baltas tekstas šioje spalvoje
Juodas tekstas šioje spalvoje

Kaip konvertuoti spalvą

  1. Spustelėkite spalvos kvadratą, atspalvių juostą ar paletę, kad pasirinktumėte spalvą, arba įveskite ją teksto lauke.
  2. Galite įvesti ją kaip HEX (#1e90ff), kaip rgb(), kaip hsl() arba angliškuoju pavadinimu.
  3. Peržiūroje pamatysite spalvą ir jos HEX, RGB, HSL bei CMYK atitikmenis.
  4. Nukopijuokite reikiamą formatą ir patikrinkite kontrastą su baltu ar juodu tekstu.

Kam tai skirta

Dizaineriai ir programuotojai dažnai keičia spalvą iš vieno formato į kitą: HEX iš paletės, rgb() stilių faile, HSL šviesesniems ar tamsesniems variantams sukurti. Šis įrankis tai atlieka vienu žingsniu.

Jis taip pat apskaičiuoja spalvos kontrastą su baltu ir juodu tekstu pagal WCAG prieinamumo gaires: 4,5:1 atitinka AA lygį, o 7:1 – AAA lygį su įprastu tekstu.

CMYK yra paprastas konvertavimas, naudingas kaip orientyras; profesionaliam spausdinimui reikėtų naudoti spalvų profilį iš savo dizaino programos.

Ką svarbu žinoti

Dažniausiai užduodami klausimai

Kaip konvertuoti HEX į RGB?

Įveskite HEX (pavyzdžiui, #1e90ff) ir įrankis iškart parodys atitinkamą rgb(), taip pat HSL ir CMYK.

Kas yra WCAG kontrastas?

Tai matas, kiek tekstas įskaitomas fone. Santykis 4,5:1 atitinka AA lygį, o 7:1 – AAA lygį įprastam tekstui.

Ar priimamos spalvos su skaidrumu?

Taip: galite įvesti #rrggbbaa, rgba() arba hsla(), ir jos bus rodomos kartu su skaidrumu.

Ar kas nors siunčiama į serverį?

Ne. Viskas skaičiuojama jūsų naršyklėje.

Ar tai nemokama?

Taip, nemokama, nereikia registruotis ir veikia tiesiai naršyklėje.