Scegli un colore.
Scopri tutto su di esso.

Questa discrepanza è causata da differenze nello spazio colore. I browser web interpretano i codici esadecimali CSS nello spazio colore sRGB. Tuttavia, i display moderni (schermi Apple, monitor P3) e i software grafici impostano spesso come predefinito Display P3 o Adobe RGB, che offrono una gamma cromatica più ampia. Esportando in sRGB senza conversione, i colori saturi possono apparire opachi. Imposta il profilo su sRGB nel tuo software prima dell'esportazione oppure usa la nuova sintassi CSS Color 4 come color(display-p3 0.9 0.2 0.5).

Secondo le linee guida WCAG 2.1, il testo deve raggiungere un rapporto di contrasto minimo rispetto allo sfondo: 4.5:1 per il testo normale (sotto i 18pt o 14pt grassetto) e 3.0:1 per il testo grande e gli elementi dell'interfaccia (come bordi e bottoni). Puoi verificare qualsiasi combinazione all'istante con il nostro Verificatore di Contrasto WCAG gratuito.

OKLCH è uno spazio colore percettivamente uniforme introdotto con CSS Color Module Level 4. I modelli tradizionali come HSL ingannano l'occhio umano: il giallo puro appare molto più luminoso del blu puro pur avendo entrambi il 50% di luminosità. OKLCH sincronizza la luminosità (L) con la reale percezione visiva umana, eliminando i punti grigi e opachi al centro dei gradienti.

Sì, 100% gratuito. Tutte le palette di colori, i codici di conversione, i gradienti CSS, le scale Tailwind e i colori estratti su ColorKit sono rilasciati nel pubblico dominio (CC0). Puoi usarli liberamente in siti aziendali, piattaforme SaaS, app e videogiochi senza costi di licenza o obbligo di attribuzione.

No. ColorKit è progettato con una rigorosa architettura Privacy 100% Lato Client. Tutti i calcoli, la lente d'ingrandimento e l'estrazione dei pixel avvengono esclusivamente nella memoria locale del tuo browser tramite HTML5 Canvas e JavaScript nativo. I tuoi file di progetto non lasciano mai il tuo dispositivo.