Creato a 07/28/2025 19:46
React Component Theme Studio
- JSX Pink#ffa6c9
- Hook Blue#00c2ff
- Prop Light Gray#f0f0f0
- State Indigo#4b3f72
- Build Black#2b2b2b
- Render White#fcfcfc
La tavolozza è composta da Leggero, Buio colori. Colori accentati JSX Pink #ffa6c9 e Hook Blue #00c2ff. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #2B2B2B (più scuro) a #FCFCFC (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #00C2FF, #2B2B2B, #4B3F72, #F0F0F0, #FCFCFC, #FFA6C9
La tavolozza React Component Theme Studio ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffa6c9, RGB: (255, 166, 201); ESADECIMALE: #00c2ff, RGB: (0, 194, 255); ESADECIMALE: #f0f0f0, RGB: (240, 240, 240)
ESADECIMALE: #4b3f72, RGB: (75, 63, 114); ESADECIMALE: #2b2b2b, RGB: (43, 43, 43); ESADECIMALE: #fcfcfc, RGB: (252, 252, 252)
Versione semplificata della tavolozza dei colori
Tonalità di lightpink, Ombra di deepskyblue, Tonalità di whitesmoke, Tonalità di darkslateblue, Ombra di Nero, Tonalità di Bianco
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
React Component Theme Studio codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffa6c9 | #ffa6c9 | RGB(255, 166, 201) | JSX Pink | Bazooka Pink |
| #00c2ff | #00c2ff | RGB(0, 194, 255) | Hook Blue | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Prop Light Gray | Gray94 |
| #4b3f72 | #4b3f72 | RGB(75, 63, 114) | State Indigo | — |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Build Black | Shoe Wax |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Render White | Gray99 |
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 |
#ffa6c9 | #00c2ff | 1.13 |
#ffa6c9 | #f0f0f0 | 1.59 |
#ffa6c9 | #fcfcfc | 1.77 |
#00c2ff | #f0f0f0 | 1.81 |
#f0f0f0 | #fcfcfc | 1.11 |
#4b3f72 | #2b2b2b | 1.51 |
Tavolozza immagini React Component Theme Studio png
Esporta tavolozza
Scarica la "React Component Theme Studio" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: