Créé à 07/12/2025 20:05
Next-Gen Web Portal Framework
- Landing Page Blue#3a86ff
- Hero Text White#f8f9fa
- Grid Break Taupe#d6ccc2
- Flexbox Aqua#00fff7
- Component Shadow#1e1e24
- Interaction Plum#9b5de5
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Grid Break Taupe #d6ccc2 et Flexbox Aqua #00fff7. La palette a une température de couleur Froid, Neutre.
En luminosité, cette palette va de #1E1E24 (plus sombre) à #F8F9FA (plus clair). L’écart de luminosité est large.
Saturation mixte — 3 teintes atténuées et 3 vives sur 6 couleurs.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le froid (3 sur 6).
Codes HEX (triés) : #00FFF7, #1E1E24, #3A86FF, #9B5DE5, #D6CCC2, #F8F9FA
La palette Next-Gen Web Portal Framework a une combinaison de couleurs de codes 6:
HEX: #3a86ff, RVB: (58, 134, 255); HEX: #f8f9fa, RVB: (248, 249, 250); HEX: #d6ccc2, RVB: (214, 204, 194)
HEX: #00fff7, RVB: (0, 255, 247); HEX: #1e1e24, RVB: (30, 30, 36); HEX: #9b5de5, RVB: (155, 93, 229)
Version simplifiée des couleurs de la palette
Ombre de dodgerblue, Ombre de whitesmoke, Nuance de lightgrey, Nuance de cyan, Ombre de Noir, Nuance de mediumpurple
Le jeu de couleurs a été créé par coolor
Codes couleurs dans la palette
Next-Gen Web Portal Framework codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #3a86ff | #3a86ff | RVB(58, 134, 255) | Landing Page Blue | — |
| #f8f9fa | #f8f9fa | RVB(248, 249, 250) | Hero Text White | — |
| #d6ccc2 | #d6ccc2 | RVB(214, 204, 194) | Grid Break Taupe | — |
| #00fff7 | #00fff7 | RVB(0, 255, 247) | Flexbox Aqua | — |
| #1e1e24 | #1e1e24 | RVB(30, 30, 36) | Component Shadow | — |
| #9b5de5 | #9b5de5 | RVB(155, 93, 229) | Interaction Plum | — |
Contraste de la palette de couleurs
4 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
|---|---|---|
#3a86ff | #9b5de5 | 1.18 |
#f8f9fa | #d6ccc2 | 1.5 |
#f8f9fa | #00fff7 | 1.19 |
#d6ccc2 | #00fff7 | 1.25 |
Palette d'images Next-Gen Web Portal Framework png
Exporter la palette
Téléchargez la "Next-Gen Web Portal Framework" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :