Créé à 05/28/2025 06:19
Oceanic UI Structure
- Primary Indigo#6366f1
- Secondary Periwinkle#a5b4fc
- Accent Sky#38bdf8
- Background Light#f8fafc
- Surface Cool White#ffffff
- Text Ink#1e293b
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Secondary Periwinkle #a5b4fc et Surface Cool White #ffffff. La palette a une température de couleur Froid, Neutre.
En luminosité, cette palette va de #1E293B (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
Les teintes suggèrent un groupe surtout analogue (heuristique, pas une règle stricte).
La température globale penche vers le froid.
Codes HEX (triés) : #1E293B, #38BDF8, #6366F1, #A5B4FC, #F8FAFC, #FFFFFF
La palette Oceanic UI Structure a une combinaison de couleurs de codes 6:
HEX: #6366f1, RVB: (99, 102, 241); HEX: #a5b4fc, RVB: (165, 180, 252); HEX: #38bdf8, RVB: (56, 189, 248)
HEX: #f8fafc, RVB: (248, 250, 252); HEX: #ffffff, RVB: (255, 255, 255); HEX: #1e293b, RVB: (30, 41, 59)
Version simplifiée des couleurs de la palette
Nuance de mediumslateblue, Nuance de lightsteelblue, Ombre de deepskyblue, Ombre de whitesmoke, Blanc, Ombre de midnightblue
Le jeu de couleurs a été créé par palettespicker
Codes couleurs dans la palette
Oceanic UI Structure codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RVB(99, 102, 241) | Primary Indigo | — |
| #a5b4fc | #a5b4fc | RVB(165, 180, 252) | Secondary Periwinkle | — |
| #38bdf8 | #38bdf8 | RVB(56, 189, 248) | Accent Sky | — |
| #f8fafc | #f8fafc | RVB(248, 250, 252) | Background Light | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Surface Cool White | White |
| #1e293b | #1e293b | RVB(30, 41, 59) | Text Ink | — |
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 |
|---|---|---|
#a5b4fc | #38bdf8 | 1.07 |
#a5b4fc | #f8fafc | 1.9 |
#a5b4fc | #ffffff | 1.99 |
#f8fafc | #ffffff | 1.04 |
Palette d'images Oceanic UI Structure png
Exporter la palette
Téléchargez la "Oceanic UI Structure" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :