Creato a 07/24/2025 13:28
Composable Cloud Interaction UI
- Atomic Tangerine#ffa26b
- Modal Frost#edf1f4
- Scale Indigo#706cff
- Hooked Coral#ff8b7d
- Fiber Black#232323
- Responsive Slate#949ba4
La tavolozza è composta da Leggero, Buio colori. Colori accentati Atomic Tangerine #ffa26b e Scale Indigo #706cff. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #232323 (più scuro) a #EDF1F4 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #232323, #706CFF, #949BA4, #EDF1F4, #FF8B7D, #FFA26B
La tavolozza Composable Cloud Interaction UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffa26b, RGB: (255, 162, 107); ESADECIMALE: #edf1f4, RGB: (237, 241, 244); ESADECIMALE: #706cff, RGB: (112, 108, 255)
ESADECIMALE: #ff8b7d, RGB: (255, 139, 125); ESADECIMALE: #232323, RGB: (35, 35, 35); ESADECIMALE: #949ba4, RGB: (148, 155, 164)
Versione semplificata della tavolozza dei colori
Tonalità di lightsalmon, Tonalità di aliceblue, Ombra di mediumslateblue, Ombra di salmon, Ombra di Nero, Tonalità di darkgrey
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Composable Cloud Interaction UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffa26b | #ffa26b | RGB(255, 162, 107) | Atomic Tangerine | Sharegaki Persimmon |
| #edf1f4 | #edf1f4 | RGB(237, 241, 244) | Modal Frost | — |
| #706cff | #706cff | RGB(112, 108, 255) | Scale Indigo | — |
| #ff8b7d | #ff8b7d | RGB(255, 139, 125) | Hooked Coral | — |
| #232323 | #232323 | RGB(35, 35, 35) | Fiber Black | Young Night |
| #949ba4 | #949ba4 | RGB(148, 155, 164) | Responsive Slate | — |
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 |
#ffa26b | #edf1f4 | 1.73 |
#ffa26b | #ff8b7d | 1.15 |
#ffa26b | #949ba4 | 1.42 |
#706cff | #ff8b7d | 1.75 |
#706cff | #949ba4 | 1.41 |
#ff8b7d | #949ba4 | 1.23 |
Tavolozza immagini Composable Cloud Interaction UI png
Esporta tavolozza
Scarica la "Composable Cloud Interaction UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: