AI-Driven Webflow Template
- Neural Lime#c7f464
- Template White#fcfcfc
- Sync Orchid#da9ff9
- Hover Coal#1f1f1f
- Block Mint#00f5d4
- Behavior Peach#ffbcb3
Creato il 06/20/2025 17:04
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Block Mint #00f5d4 e Behavior Peach #ffbcb3. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1F1F1F (più scuro) a #FCFCFC (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 67% dei colori è vivido.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al freddo (3 su 6).
Codici HEX (ordinati): #00F5D4, #1F1F1F, #C7F464, #DA9FF9, #FCFCFC, #FFBCB3
La tavolozza AI-Driven Webflow Template combina 6 codici colore:
HEX: #c7f464, RGB: (199, 244, 100); HEX: #fcfcfc, RGB: (252, 252, 252); HEX: #da9ff9, RGB: (218, 159, 249)
HEX: #1f1f1f, RGB: (31, 31, 31); HEX: #00f5d4, RGB: (0, 245, 212); HEX: #ffbcb3, RGB: (255, 188, 179)
Versione semplificata della tavolozza dei colori
Tinta di Verde giallo, Sfumatura di Bianco, Tinta di Prugna, Tinta di Nero, Sfumatura di Acquamarina, Tinta di Rosa chiaro
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
AI-Driven Webflow Template codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #c7f464 | #c7f464 | RGB(199, 244, 100) | Neural Lime | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Template White | Gray99 |
| #da9ff9 | #da9ff9 | RGB(218, 159, 249) | Sync Orchid | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Hover Coal | Gray12 |
| #00f5d4 | #00f5d4 | RGB(0, 245, 212) | Block Mint | — |
| #ffbcb3 | #ffbcb3 | RGB(255, 188, 179) | Behavior Peach | — |
Contrasto della palette di colori
10 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 |
|---|---|---|
#c7f464 | #fcfcfc | 1.23 |
#c7f464 | #da9ff9 | 1.6 |
#c7f464 | #00f5d4 | 1.1 |
#c7f464 | #ffbcb3 | 1.26 |
#fcfcfc | #da9ff9 | 1.98 |
#fcfcfc | #00f5d4 | 1.36 |
Tavolozza immagini AI-Driven Webflow Template png
Esporta tavolozza
Scarica la "AI-Driven Webflow Template" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: