Créé à 07/24/2025 13:25
Context-Aware Interface Builder
- Context Fog#e7ecef
- Adaptive Coral#ff9a91
- Intent Indigo#7d7bff
- Response White#ffffff
- Model Grey#bebebe
- Feedback Lime#c9ff73
La palette se compose de Lumière couleurs. Couleurs d'accent Intent Indigo #7d7bff et Feedback Lime #c9ff73. La palette a une température de couleur Neutre, Chaud, Froid.
En luminosité, cette palette va de #C9FF73 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est modéré.
Saturation mixte — passages atténués et accents plus vifs.
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) : #7D7BFF, #BEBEBE, #C9FF73, #E7ECEF, #FF9A91, #FFFFFF
La palette Context-Aware Interface Builder a une combinaison de couleurs de codes 6:
HEX: #e7ecef, RVB: (231, 236, 239); HEX: #ff9a91, RVB: (255, 154, 145); HEX: #7d7bff, RVB: (125, 123, 255)
HEX: #ffffff, RVB: (255, 255, 255); HEX: #bebebe, RVB: (190, 190, 190); HEX: #c9ff73, RVB: (201, 255, 115)
Version simplifiée des couleurs de la palette
Nuance de aliceblue, Ombre de salmon, Ombre de mediumslateblue, Blanc, Nuance de Argent, Ombre de greenyellow
Le jeu de couleurs a été créé par colorscheme
Codes couleurs dans la palette
Context-Aware Interface Builder codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #e7ecef | #e7ecef | RVB(231, 236, 239) | Context Fog | — |
| #ff9a91 | #ff9a91 | RVB(255, 154, 145) | Adaptive Coral | — |
| #7d7bff | #7d7bff | RVB(125, 123, 255) | Intent Indigo | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Response White | White |
| #bebebe | #bebebe | RVB(190, 190, 190) | Model Grey | Tin Soldier |
| #c9ff73 | #c9ff73 | RVB(201, 255, 115) | Feedback Lime | — |
Contraste de la palette de couleurs
11 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 |
#e7ecef | #ff9a91 | 1.71 |
#e7ecef | #ffffff | 1.19 |
#e7ecef | #bebebe | 1.56 |
#e7ecef | #c9ff73 | 1.02 |
#ff9a91 | #7d7bff | 1.67 |
#ff9a91 | #bebebe | 1.09 |
Palette d'images Context-Aware Interface Builder png
Exporter la palette
Téléchargez la "Context-Aware Interface Builder" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :