L'arte della percezione e la matematica del colore

Kasuality unisce la geometria dello spazio colore HSL, la precisione del motore OKLCH e il doppio standard di accessibilità (WCAG 2.1 e APCA) per un design a prova di futuro.

Il metodo scientifico: Perché HSL?

Molti selettori di colore utilizzano lo spazio RGB (Red, Green, Blue), che è ottimo per gli schermi ma poco intuitivo per gli esseri umani. Kasuality adotta lo spazio HSL (Hue, Saturation, Lightness) come interfaccia di controllo.

Hue (Tonalità): La pura essenza del colore (es. 0° è Rosso, 120° è Verde).
Saturation (Saturazione): L'intensità del colore. 100% è vivido, 0% è grigio.
Lightness (Luminosità): La quantità di luce. Fondamentale per il calcolo del Contrast Ratio.

Grazie a questo approccio, Kasuality calcola le armonie matematicamente, ruotando solo sul valore H (Tonalità). Tuttavia, sotto il cofano, abbiamo integrato una novità fondamentale.

Uniformità Percettiva: Il DNA OKLCH

Mentre l'HSL ci permette di impostare la direzione creativa, il nostro motore di rendering utilizza lo spazio colore OKLCH. Questo garantisce che ogni sfumatura sia percepita con la stessa intensità dall'occhio umano, correggendo le distorsioni dei vecchi sistemi.

Nativo Wide Gamut (P3)

Progettato per i display moderni. Generiamo colori che i vecchi sistemi HEX/RGB non possono visualizzare, mantenendo la compatibilità tramite Progressive Enhancement.

Gradienti Perfetti

L'algoritmo OKLCH elimina le "zone morte" grigie nel mezzo dei gradienti, garantendo passaggi fluidi e vibranti che rispettano la fisica della luce.

Decodificare le Armonie Cromatiche

Nella sezione "Armonia", il nostro algoritmo visualizza le relazioni geometriche sulla ruota cromatica:

Complementari

Due colori opposti (180° di distanza). Creano il massimo contrasto visivo e un impatto energetico. Ideali per CTA.

Analoghi

Colori adiacenti sulla ruota. Condividono la stessa "temperatura" emotiva e sono molto rilassanti per l'occhio.

Triadici

Tre colori equidistanti (120°). Offrono un bilanciamento vibrante, mantenendo armonia e distinzione tra gli elementi.

Golden Ratio (Aurea)

Armonia basata sul numero aureo (φ) e l'angolo di ≈ 137.5°. Genera palette che appaiono intrinsecamente naturali e organiche.

Accessibilità Ibrida: WCAG 2.1 e APCA

Kasuality non si limita al presente, ma anticipa il futuro del Web (WCAG 3). Il nostro motore di contrasto opera su due livelli simultanei:

Livello 1 - Standard Legale (WCAG 2.1): Calcoliamo il classico rapporto matematico AA (4.5:1) e AAA (7:1). È lo standard attuale richiesto per legge.
Livello 2 - Scienza Percettiva (APCA): Integriamo il nuovo algoritmo Advanced Perceptual Contrast Algorithm. A differenza del vecchio sistema, l'APCA (valore $L^c$) considera come l'occhio umano percepisce realmente il testo (spessore font, contesto).
Simulazione Daltonismo & Contesto: Applica filtri SVG per Protanopia, Deuteranopia e Tritanopia, e testa la resa sotto luce solare o notturna.

Guida alle 5 Modalità di Generazione

1. Origine (Punto Zero)

Esplora le basi. Genera triadi perfette di colori Primari, combinazioni Secondarie e le complesse sfumature Terziarie seguendo la ruota cromatica.

2. Modificatori (Scale Tonali)

Il segreto del UI Design. Crea Scale Tonali (tinte/sfumature) per le interfacce, varianti pastello (Tinte), versioni profonde (Sfumature) o tonalità neutre (Tono).

3. Emozione (Temperatura)

La psicologia dietro il colore. Scegli palette Calde per energia, Fredde per fiducia, Terrose per natura, o Neutre per il minimalismo.

4. Armonia (Geometria)

Algoritmi classici per l'equilibrio estetico. Include schemi Monocromatici, Analoghi, Complementari, Triadici e Golden Ratio.

5. WCAG (Accessibilità)

Cruciale per il web moderno. Calcola simultaneamente il rapporto AA/AAA e il punteggio APCA (L^c). Suggerisce correzioni automatiche (FIX).

Design Tokens Architect & Export W3C (PRO)

Kasuality non si limita a generare combinazioni di colori visive, ma fornisce una vera e propria infrastruttura ingegneristica per lo sviluppo UI. Questa modalità trasforma il tuo colore "Seme" in un Design System Enterprise pronto all'uso.

Ruoli Semantici: Il motore calcola in automatico le sfumature perfette per l'Azione Principale (Primary), lo Sfondo Interfaccia (Surface), i Bordi e gli stati di Successo/Errore.
Calcolo degli Stati (UX): Generazione matematica delle varianti Hover, Pressed e Disabled regolando scientificamente luminanza e saturazione nello spazio OKLCH.
Integrazione Enterprise: L'esportazione JSON rispetta il formato standard globale del W3C Design Tokens Community Group (con i prefissi $value e $type). L'infrastruttura è nativamente compatibile con Figma Tokens Studio e Style Dictionary.

Workflow Professionale e Segreti

Kasuality nasconde funzionalità avanzate pensate per velocizzare il lavoro di designer e sviluppatori:

Deep Linking

L'URL del browser si aggiorna in tempo reale. Copialo e invialo a un collega: vedrà esattamente la tua stessa palette e configurazione HSL.

Modalità Editor Manuale

Puoi forzare la tua visione creativa inserendo più codici colore separati da virgola nell'area di input. In questa modalità, la randomizzazione viene disabilitata.

Export Avanzato

Scarica configurazioni pronte per sviluppatori (Tailwind, JSON, SCSS). L'export in PDF Kit include ora i Precision Data OKLCH, offrendo un report tecnico completo per la stampa e il branding.

Armocromia AI

Abbiamo potenziato l'estrazione colore con un'analisi ibrida. L'AI analizza i pixel dell'incarnato nella foto, mentre tu confermi il colore delle vene per individuare la Stagione.

Input Intelligente

Puoi digitare direttamente i nomi dei colori standard (es. Tomato) o i valori HEX/RGB. La funzione Lock ti permette di bloccare i colori preferiti.

Esportazione PNG e SVG

Genera istantaneamente immagini (PNG) e file vettoriali (SVG) direttamente nel browser. Ideale per l'importazione scalabile in Figma o Adobe Illustrator.

Guida al Selfie Perfetto (Armocromia PRO)

In armocromia, la qualità della foto è tutto. Un'illuminazione errata può alterare completamente la percezione del sottotono. Segui questo standard professionale per garantire all'IA di Kasuality un'analisi oggettiva e infallibile:

1. Luce e Orario

Solo Luce Naturale: L'analisi va fatta esclusivamente con luce solare indiretta. Posizionati di fronte a una finestra (non di lato, per evitare ombre). Orario Ideale: Tra le 10:00 e le 15:00.

2. Preparazione del Volto

Zero Makeup: Viso pulito. Anche un velo di correttore copre le discromie essenziali. Attesa strategica: Aspetta 15-20 minuti dopo esserti lavato/a il viso per far sparire eventuali rossori da sfregamento.

3. Il Contorno

Capelli: Se i tuoi capelli sono tinti, legali o coprili con un telo. Abbigliamento: Indossa un colore neutro (bianco o grigio) per impedire ai riflessi dei vestiti di "rimbalzare" sul collo.

4. Setup Fotografico

Angolazione: Fotocamera all'altezza degli occhi, a circa 1 metro di distanza (usa un leggero zoom). Niente Filtri: Disattiva la modalità "Ritratto" o i filtri bellezza.

Pronto a creare la tua palette accessibile?

Torna al generatore e inizia a sperimentare con il colore base.

Vai al Generatore