Inserisci due colori, scegli OKLCH o sRGB, regola la proporzione e copia il valore CSS.
Usa #RGB, #RRGGBB, rgb(), hsl() oppure un nome di colore supportato, come red. I colori inseriti vengono normalizzati in HEX a 8 bit prima di generare il valore CSS.
Sono supportati solo colori sRGB opachi. Trasparenza, transparent, variabili CSS e input OKLCH non sono supportati.
Anteprima CSS del browser
color-mix(in oklch, #2563eb 60%, #f97316 40%)L’anteprima principale usa il valore CSS generato. HEX, RGB e HSL sono approssimazioni sRGB a 8 bit con i canali limitati alla gamma sRGB. Il valore OKLCH della miscela viene calcolato prima di questa limitazione.
Approssimazione sRGB
#b74eccAltri valori del colore
rgb(183, 78, 204)hsl(290, 55.3%, 55.3%)oklch(60.9638% 0.203813 320.77)Nessun nome di colore supportato corrispondente#2563eb#f97316color-mix(in oklch, #2563eb 60%, #f97316 40%) → Approssimazione sRGB: #b74ecc
Strumenti per i colori correlati
Usa il Miscelatore di colori per esplorare i colori intermedi e il Controllo del contrasto per verificare testo e sfondo. Questa pagina crea l’espressione CSS per i colori scelti.
Domande frequenti
Quali formati di colore sono supportati?
Puoi usare colori opachi in HEX a 3 o 6 cifre, rgb(), hsl() e nomi supportati come red. RGB e HSL accettano anche la sintassi con spazi. Gli input vengono normalizzati in HEX a 8 bit; trasparenza e variabili CSS non sono supportate.
Perché il valore HEX può differire dall’anteprima?
L’anteprima principale usa il valore CSS generato. HEX, RGB e HSL sono approssimazioni sRGB a 8 bit con i canali limitati alla gamma sRGB. Il valore OKLCH della miscela viene calcolato prima di questa limitazione.
Qual è la differenza tra OKLCH e sRGB?
OKLCH interpola luminosità, croma e tonalità, seguendo il percorso più breve per la tonalità. sRGB interpola i canali codificati rosso, verde e blu. I due metodi possono produrre colori diversi.
Cosa contiene l’URL di condivisione?
Il link contiene i due colori HEX applicati, la percentuale del colore B e lo spazio di interpolazione. Le modifiche non applicate non vengono condivise.