Créé à 08/09/2025 11:05
Claude Conversational UI Kit
- Dialogue Teal#2ca58d
- Context Lilac#a682ff
- Token Orange#ff9f1c
- Inference White#f9f9f9
- Thread Navy#264653
- Logic Pink#f28482
La palette se compose de Lumière couleurs. Couleurs d'accent Context Lilac #a682ff et Token Orange #ff9f1c. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #264653 (plus sombre) à #F9F9F9 (plus clair). L’écart de luminosité est large.
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 froid.
Codes HEX (triés) : #264653, #2CA58D, #A682FF, #F28482, #F9F9F9, #FF9F1C
La palette Claude Conversational UI Kit a une combinaison de couleurs de codes 6:
HEX: #2ca58d, RVB: (44, 165, 141); HEX: #a682ff, RVB: (166, 130, 255); HEX: #ff9f1c, RVB: (255, 159, 28)
HEX: #f9f9f9, RVB: (249, 249, 249); HEX: #264653, RVB: (38, 70, 83); HEX: #f28482, RVB: (242, 132, 130)
Version simplifiée des couleurs de la palette
Nuance de lightseagreen, Ombre de mediumpurple, Nuance de Orange, Ombre de whitesmoke, Nuance de darkslategrey, Ombre de lightcoral
Le jeu de couleurs a été créé par colourlock
Codes couleurs dans la palette
Claude Conversational UI Kit codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #2ca58d | #2ca58d | RVB(44, 165, 141) | Dialogue Teal | — |
| #a682ff | #a682ff | RVB(166, 130, 255) | Context Lilac | — |
| #ff9f1c | #ff9f1c | RVB(255, 159, 28) | Token Orange | — |
| #f9f9f9 | #f9f9f9 | RVB(249, 249, 249) | Inference White | Doctor |
| #264653 | #264653 | RVB(38, 70, 83) | Thread Navy | — |
| #f28482 | #f28482 | RVB(242, 132, 130) | Logic Pink | — |
Contraste de la palette de couleurs
7 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 |
#2ca58d | #a682ff | 1.05 |
#2ca58d | #ff9f1c | 1.48 |
#2ca58d | #f28482 | 1.22 |
#a682ff | #ff9f1c | 1.4 |
#a682ff | #f28482 | 1.15 |
#ff9f1c | #f9f9f9 | 1.95 |
Palette d'images Claude Conversational UI Kit png
Exporter la palette
Téléchargez la "Claude Conversational UI Kit" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :