Colorbeam Layout Studio
- Primary Banner Peach#ffd8bc
- Secondary Soft App Blue#d5f0ff
- Accent Mist Mint#d7fff1
- Accent Label Rose#ffc1d9
- Surface Clean UI#ffffff
- Text App Charcoal#222222
Créé le 05/30/2025 20:00
La palette se compose de Clair, Sombre couleurs. Couleurs d'accent Primary Banner Peach #ffd8bc et Accent Mist Mint #d7fff1. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #222222 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 67% des couleurs sont vives.
Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.
Les notes chaudes et froides sont assez équilibrées (2 chaudes, 2 froides).
Codes HEX (triés) : #222222, #D5F0FF, #D7FFF1, #FFC1D9, #FFD8BC, #FFFFFF
La palette Colorbeam Layout Studio combine 6 codes couleur:
HEX: #ffd8bc, RVB: (255, 216, 188); HEX: #d5f0ff, RVB: (213, 240, 255); HEX: #d7fff1, RVB: (215, 255, 241)
HEX: #ffc1d9, RVB: (255, 193, 217); HEX: #ffffff, RVB: (255, 255, 255); HEX: #222222, RVB: (34, 34, 34)
Version simplifiée des couleurs de la palette
Nuance de Pêche, Nuance de Azur, Nuance de Cyan clair, Teinte de Rose, Blanc, Teinte de Noir
Le jeu de couleurs a été créé par colorstudio
Codes couleurs dans la palette
Colorbeam Layout Studio codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #ffd8bc | #ffd8bc | RVB(255, 216, 188) | Primary Banner Peach | — |
| #d5f0ff | #d5f0ff | RVB(213, 240, 255) | Secondary Soft App Blue | — |
| #d7fff1 | #d7fff1 | RVB(215, 255, 241) | Accent Mist Mint | — |
| #ffc1d9 | #ffc1d9 | RVB(255, 193, 217) | Accent Label Rose | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Surface Clean UI | White |
| #222222 | #222222 | RVB(34, 34, 34) | Text App Charcoal | Black Out |
Contraste de la palette de couleurs
10 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 |
|---|---|---|
#ffd8bc | #d5f0ff | 1.12 |
#ffd8bc | #d7fff1 | 1.23 |
#ffd8bc | #ffc1d9 | 1.13 |
#ffd8bc | #ffffff | 1.32 |
#d5f0ff | #d7fff1 | 1.09 |
#d5f0ff | #ffc1d9 | 1.27 |
Palette d'images Colorbeam Layout Studio png
Exporter la palette
Téléchargez la "Colorbeam Layout Studio" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :