Creato a 07/16/2025 11:55
Component Library for JS Frameworks
Vue Sage
#91c788
Angular Ember
#ff6f61
Svelte Sand
#f7c59f
React Midnight Blue
#1a1a40
HTML Paper White
#f7f9fc
CSS Indigo Glow
#3f51b5
APIs Sky Fade
#aec6cf
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Angular Ember #ff6f61 e CSS Indigo Glow #3f51b5. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
La tavolozza Component Library for JS Frameworks ha una combinazione di colori dei codici 7:
ESADECIMALE: #91c788, RGB: (145, 199, 136); ESADECIMALE: #ff6f61, RGB: (255, 111, 97); ESADECIMALE: #f7c59f, RGB: (247, 197, 159)
ESADECIMALE: #1a1a40, RGB: (26, 26, 64); ESADECIMALE: #f7f9fc, RGB: (247, 249, 252); ESADECIMALE: #3f51b5, RGB: (63, 81, 181)
ESADECIMALE: #aec6cf, RGB: (174, 198, 207)
Versione semplificata della tavolozza dei colori
Ombra di darkseagreen, Tonalità di salmon, Tonalità di peachpuff, Tonalità di midnightblue, Tonalità di ghostwhite, Tonalità di slateblue, Tonalità di lightblue
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Component Library for JS Frameworks codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #91c788 | #91c788 | RGB(145, 199, 136) | Vue Sage | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Angular Ember | Living Coral |
| #f7c59f | #f7c59f | RGB(247, 197, 159) | Svelte Sand | — |
| #1a1a40 | #1a1a40 | RGB(26, 26, 64) | React Midnight Blue | — |
| #f7f9fc | #f7f9fc | RGB(247, 249, 252) | HTML Paper White | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | CSS Indigo Glow | — |
| #aec6cf | #aec6cf | RGB(174, 198, 207) | APIs Sky Fade | Roquefort Blue |
Contrasto della palette di colori
9 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 |
#91c788 | #ff6f61 | 1.39 |
#91c788 | #f7c59f | 1.25 |
#91c788 | #f7f9fc | 1.85 |
#91c788 | #aec6cf | 1.09 |
#ff6f61 | #f7c59f | 1.74 |
#ff6f61 | #aec6cf | 1.52 |
