Converti HEX · RGB · HSL · OKLCH — contrasto WCAG, palette tinte e ombreConvert HEX · RGB · HSL · OKLCH — WCAG contrast, tint and shade palettes
Un colore HEX è semplicemente la notazione esadecimale dei tre canali RGB. #3b82f6 → R=59 (3b in esadecimale), G=130 (82), B=246 (f6). In CSS puoi usare indifferentemente HEX, rgb(), hsl() o il moderno oklch().
OKLCH è il formato colore moderno raccomandato per il design: le componenti (Lightness, Chroma, Hue) corrispondono alla percezione umana del colore, rendendo facile creare scale di toni coerenti. È supportato da tutti i browser moderni e da Tailwind v4.
A HEX color is simply the hexadecimal notation of the three RGB channels. #3b82f6 → R=59 (3b in hex), G=130 (82), B=246 (f6). In CSS you can use HEX, rgb(), hsl() or the modern oklch() interchangeably.
OKLCH is the modern color format recommended for design: its components (Lightness, Chroma, Hue) match human color perception, making it easy to build consistent tonal scales. It's supported by all modern browsers and by Tailwind v4.
Cos'è il contrasto WCAG?What is WCAG contrast?
Il contrasto WCAG (Web Content Accessibility Guidelines) misura il rapporto di luminanza tra testo e sfondo. AA richiede almeno 4.5:1 per testo normale, 3:1 per testo grande. AAA richiede 7:1. Questo tool calcola il contrasto tra il tuo colore e bianco/nero.WCAG contrast (Web Content Accessibility Guidelines) measures the luminance ratio between text and background. AA requires at least 4.5:1 for normal text, 3:1 for large text. AAA requires 7:1. This tool calculates the contrast between your color and white/black.