Convertitore di codici colore
Veda un colore in HEX, RGB, HSL, CMYK e OKLCH, con scala di toni e palette.
Strumento
Inserisca un solo colore e questo strumento lo converte in tutti i formati più comuni: HEX, RGB, HSL, HSV, CMYK e OKLCH. Può scrivere un codice HEX (3, 4, 6 o 8 cifre), un valore rgb() o hsl(), un nome colore CSS come rebeccapurple, oppure scegliere una tinta con il selettore. Ogni riga di risultato si copia con un clic. Dallo stesso colore nasce anche una scala di 11 toni, da 50 a 950.
Nella sezione palette trova colori complementari, analoghi, triadici, tetradici e complementari divisi. Accanto a ogni colore compaiono il rapporto di contrasto con testo bianco e nero e un segno AA; WCAG AA richiede almeno 4,5:1 per il testo normale. Può esportare il risultato come variabili CSS, oggetto colors di Tailwind o JSON. Aggiungendo ?renk= all'indirizzo della pagina condivide il colore scelto tramite link.
Limiti: il valore CMYK è un'approssimazione per lo schermo e non contiene un profilo di stampa; per i lavori destinati alla tipografia, lo verifichi con il profilo della tipografia stessa. Gli schermi rendono i colori in modo diverso, quindi non si può garantire che lo stesso codice appaia identico su ogni dispositivo. Le palette proposte sono un punto di partenza, non una decisione di marchio. Il controllo del contrasto confronta solo colore del testo e dello sfondo; dimensione e peso del carattere vanno valutati a parte.
Domande frequenti
Quali formati di colore posso scrivere?
HEX da 3, 4, 6 o 8 cifre, rgb() e rgba(), hsl() e hsla(), e nomi colore CSS. Il selettore di colore scrive nello stesso campo.
Il valore CMYK stamperà lo stesso colore?
Non si può garantire. Il CMYK mostrato qui è un'approssimazione per lo schermo, senza profilo di stampa. Per la stampa, provi con il profilo della sua tipografia.
Cosa significa il segno AA?
Vede un segno di superato quando il rapporto di contrasto tra il colore e il testo bianco o nero raggiunge la soglia WCAG AA di 4,5:1. Per il testo grande la soglia è più bassa, e questo strumento controlla solo il livello 4,5:1.
I colori che inserisco vengono inviati da qualche parte?
No. Tutte le conversioni avvengono nel suo browser. Gli ultimi 8 colori al massimo restano nella memoria del browser di questo dispositivo e non raggiungono alcun server.
