Creato a 06/09/2025 08:17
Code-first UI Schema Generator
- Field Sky#ade8f4
- Type Lime#d9ed92
- Error Brick#ff595e
- Schema Ash#dde2e5
- Form Ivory#fff9f0
- Reference Black#2e2e2e
La tavolozza è composta da Leggero, Buio colori. Colori accentati Field Sky #ade8f4 e Form Ivory #fff9f0. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #2E2E2E (più scuro) a #FFF9F0 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #2E2E2E, #ADE8F4, #D9ED92, #DDE2E5, #FF595E, #FFF9F0
La tavolozza Code-first UI Schema Generator ha una combinazione di colori dei codici 6:
ESADECIMALE: #ade8f4, RGB: (173, 232, 244); ESADECIMALE: #d9ed92, RGB: (217, 237, 146); ESADECIMALE: #ff595e, RGB: (255, 89, 94)
ESADECIMALE: #dde2e5, RGB: (221, 226, 229); ESADECIMALE: #fff9f0, RGB: (255, 249, 240); ESADECIMALE: #2e2e2e, RGB: (46, 46, 46)
Versione semplificata della tavolozza dei colori
Ombra di powderblue, Tonalità di Cachi, Tonalità di salmon, Ombra di gainsboro, Tonalità di floralwhite, Ombra di Nero
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Code-first UI Schema Generator codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #ade8f4 | #ade8f4 | RGB(173, 232, 244) | Field Sky | — |
| #d9ed92 | #d9ed92 | RGB(217, 237, 146) | Type Lime | — |
| #ff595e | #ff595e | RGB(255, 89, 94) | Error Brick | — |
| #dde2e5 | #dde2e5 | RGB(221, 226, 229) | Schema Ash | — |
| #fff9f0 | #fff9f0 | RGB(255, 249, 240) | Form Ivory | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Reference Black | Carbon Fiber |
Contrasto della palette di colori
6 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
|---|---|---|
#ade8f4 | #d9ed92 | 1.05 |
#ade8f4 | #dde2e5 | 1.02 |
#ade8f4 | #fff9f0 | 1.28 |
#d9ed92 | #dde2e5 | 1.02 |
#d9ed92 | #fff9f0 | 1.21 |
#dde2e5 | #fff9f0 | 1.24 |
Tavolozza immagini Code-first UI Schema Generator png
Esporta tavolozza
Scarica la "Code-first UI Schema Generator" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: