Spiegazione degli spazi colore

Una guida pratica a HEX, RGB, HSL, HSV, CMYK, LAB e XYZ: quando utilizzare ogni spazio per flussi di lavoro web, di stampa e di progettazione.

FAQ

Quale spazio colore dovrei usare per i CSS?: HEX e RGB sono standard. I CSS moderni supportano anche oklch() e lab() per gradienti e temi percettivamente migliori.

Browse all color tools

Perché lo spazio colore è importante

Spazi colore diversi rappresentano lo stesso colore percepito in modi diversi. La scelta dello spazio corretto influisce sull'interpolazione, sui controlli di accessibilità e sull'esportazione in CSS, stampa o strumenti di progettazione.

Gli sviluppatori web solitamente lavorano in sRGB (HEX/RGB/HSL), mentre i flussi di lavoro di stampa potrebbero necessitare di CMYK e gli strumenti di progettazione avanzati potrebbero utilizzare LAB per regolazioni percettivamente uniformi.

ESAGONALE, RGB e HSL

HEX è compatto e familiare nei CSS (#RRGGBB). RGB mappa direttamente sui canali dello schermo. HSL separa tonalità, saturazione e luminosità: utile per modificare i temi e generare tinte e sfumature.

Utilizza HEX/RGB per API e token di progettazione. Utilizza HSL quando devi schiarire o scurire il colore di un marchio mantenendo la tonalità stabile.

CMYK, LAB e XYZ

CMYK modella gli inchiostri di stampa sottrattivi. La conversione da RGB a CMYK è approssimativa perché gli schermi e le stampanti hanno gamme diverse.

LAB e XYZ sono indipendenti dal dispositivo. LAB è particolarmente utile per gradienti percettivamente uniformi e calcoli di luminanza relativi all'accessibilità.