Créé à 07/08/2025 08:05
Retro Frontend Interaction Lab
- Hotkey Blue#2d6cdf
- Debugger Yellow#f8e16c
- HTML Coral#ff6f5e
- Console Smoke#e0e0e0
- Visual RAM Green#b5e48c
- Markup Tan#ffeedb
La palette se compose de Lumière couleurs. Couleurs d'accent Hotkey Blue #2d6cdf et Markup Tan #ffeedb. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #2D6CDF (plus sombre) à #FFEEDB (plus clair). L’écart de luminosité est modéré.
La saturation semble globalement vive (chromie élevée).
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le chaud.
Codes HEX (triés) : #2D6CDF, #B5E48C, #E0E0E0, #F8E16C, #FF6F5E, #FFEEDB
La palette Retro Frontend Interaction Lab a une combinaison de couleurs de codes 6:
HEX: #2d6cdf, RVB: (45, 108, 223); HEX: #f8e16c, RVB: (248, 225, 108); HEX: #ff6f5e, RVB: (255, 111, 94)
HEX: #e0e0e0, RVB: (224, 224, 224); HEX: #b5e48c, RVB: (181, 228, 140); HEX: #ffeedb, RVB: (255, 238, 219)
Version simplifiée des couleurs de la palette
Nuance de royalblue, Nuance de Kaki, Nuance de salmon, Ombre de gainsboro, Ombre de lightgreen, Ombre de antiquewhite
Le jeu de couleurs a été créé par colorday
Codes couleurs dans la palette
Retro Frontend Interaction Lab codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #2d6cdf | #2d6cdf | RVB(45, 108, 223) | Hotkey Blue | — |
| #f8e16c | #f8e16c | RVB(248, 225, 108) | Debugger Yellow | — |
| #ff6f5e | #ff6f5e | RVB(255, 111, 94) | HTML Coral | — |
| #e0e0e0 | #e0e0e0 | RVB(224, 224, 224) | Console Smoke | Gray88 |
| #b5e48c | #b5e48c | RVB(181, 228, 140) | Visual RAM Green | — |
| #ffeedb | #ffeedb | RVB(255, 238, 219) | Markup Tan | — |
Contraste de la palette de couleurs
8 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 |
#2d6cdf | #ff6f5e | 1.77 |
#f8e16c | #e0e0e0 | 1 |
#f8e16c | #b5e48c | 1.1 |
#f8e16c | #ffeedb | 1.15 |
#ff6f5e | #b5e48c | 1.87 |
#e0e0e0 | #b5e48c | 1.1 |
Palette d'images Retro Frontend Interaction Lab png
Exporter la palette
Téléchargez la "Retro Frontend Interaction Lab" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :