Värvimuundur

Milleks see tööriist kasulik on

Teisenda redigeeritavaid HEX-, RGB-, RGBA-, HSL-, HSLA- ja HSV-väärtusi, nähes samal ajal sama värvi eelvaadet ja kopeerides vormingu, mida sinu kood või disainisüsteem vajab.

Töötatud näide

Kuidas tulemus saadakse

RGB salvestab punase, rohelise ja sinise kanali intensiivsuse. HSL kirjeldab tooni, küllastust ja heledust; HSV kasutab heleduse asemel väärtust. Teisendus säilitab esitatud värvi, arvestades ümardamist ja värviruumi piire.

Kasulikud töövood

• Disainifailide värvide tõlkimine CSS-i
• Brändi HEX-väärtusest redigeeritavate HSL-variantide loomine
• Alfa-väärtuste kontrollimine enne ülekatete kasutamist

Olulised piirangud

• HEX ilma alfakanalita on täiesti läbipaistmatu.
• Korduv teisendamine võib muuta viimast numbrit, kuna kanalid ümardatakse.
• Samaväärsed numbrilised väärtused võivad kalibreerimata ekraanidel erineda.

Korduma kippuvad küsimused

Kas HEX- ja RGB-värvid on erinevad?

Need on kaks tähistust sama RGB-kanalimudeli jaoks; #3B82F6 ja rgb(59, 130, 246) esindavad sama värvi.

Kas värvi teisendamine parandab kontrasti?

Ei. Teisendamine muudab tähistust, mitte kontrasti. Testi tegelikku esiplaani ja tausta paari.