Le céladon est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
- Code HEX : #A8DCAB
- Valeur RVB : 65,9 % rouge, 86,3 % vert, et 67,1 % bleu.
L'accessibilité joue un rôle crucial dans le choix des couleurs en design UX et UI. La communauté Figma propose des plugins pour s'assurer que vos designs respectent les Web Content Accessibility Guidelines.
Voici quelques façons d'utiliser le céladon dans vos designs :
- Créer une atmosphère apaisante. La nature sereine du céladon le rend idéal pour les applications ou sites web axés sur la relaxation, la productivité ou la créativité. Il peut favoriser un sentiment de paix et de concentration pour les utilisateurs.
- Ajouter des effets de survol. Pour indiquer l'interactivité, faites en sorte que les boutons cliquables passent subtilement à une nuance de céladon plus claire ou plus foncée lorsque les utilisateurs les survolent.
- L'utiliser pour les arrière-plans de barres de navigation. Le céladon crée un point d'entrée accueillant pour l'application et aide à distinguer la navigation du contenu sans submerger l'utilisateur.
Gardez à l'esprit que la couleur et sa signification peuvent varier d'une culture à l'autre et à tout moment. Si vous créez une interface pour un public international, renseignez-vous sur la signification des couleurs pour chaque pays concerné.
Pour des variations dans le même spectre apaisant que le céladon, considérez :
- Le vert d'eau (#8DDCDC) est un vert plus clair et aérien avec une touche de bleu, offrant une sensation rafraîchissante et vivifiante.
- Le vert menthe (#ADEBB3) est un vert pastel avec une ambiance fraîche, rafraîchissante et ludique.
- Le vert sauge (#98A869) est une teinte de vert plus profonde avec des sous-tons bruns, créant une sensation apaisante.
Pour compléter le céladon, envisagez de l'associer avec :
- Le blanc (#FFFFFF) offre un fond net et épuré qui met en valeur la douceur et la tranquillité du céladon, créant une esthétique légère et aérée.
- Le gris (#898989) s'associe au céladon pour une palette subtile et neutre qui maintient une atmosphère apaisante avec une sophistication et une polyvalence accrues.
- Le bleu marine (#000080) ajoute de la profondeur et de l'intérêt visuel pour un contraste intemporel et élégant.
D'autres couleurs à considérer incluent le rose poudré pour une chaleur douce qui complète la fraîcheur apaisante du céladon et le beige pour une esthétique sereine et harmonieuse.
Bien que le céladon soit une couleur apaisante et sophistiquée, il peut jurer avec :
- Le jaune (#FFFF00) peut dominer l'élégance subtile du céladon, créant un contraste visuellement discordant.
- L'orange brûlé (#BE5103) entre en dissonance avec les tons frais du céladon, créant une sensation disharmonieuse et potentiellement déstabilisante.
- Le vert néon (#2CFF05) perturbe la tranquillité du céladon, résultant en une combinaison visuellement accablante.
- Le rouge piment (#CD1C18) peut dominer le calme du céladon, créant un contraste visuellement dur.
Le céladon incarne la tranquillité et l'harmonie grâce à son mélange équilibré de teintes fraîches.
En psychologie des couleurs, la nature apaisante du céladon évoque des sentiments de tranquillité et de paix. Les tons verts et bleus frais favorisent la relaxation et la sérénité, faisant du céladon un choix approprié pour créer un sentiment de calme et de concentration.
Dans le design d'interface, utilisez le céladon pour créer une expérience utilisateur apaisante. Il fonctionne bien comme couleur de fond pour les applications ou sites web centrés sur la relaxation, la méditation ou la productivité.
Le céladon a été prisé comme symbole d'immortalité et de statut depuis l'ère des céramiques céladon de la dynastie Song en Chine. Le nom « céladon » est apparu bien plus tard, inspiré par Caledonia, le terme romain pour l'Écosse. La couleur céladon porte un sens d'histoire et de pérennité, rappelant la beauté naturelle et sauvage du paysage écossais.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Sage Wisdom
Wildflowers
Mint Julep
Vérificateur de contraste
Contraste 1,56
- Texte en grand format
#A8DCAB
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Non conforme | Non conforme | |
Non conforme | Non conforme |
Contraste 13,49
- Texte en grand format
#A8DCAB
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #a8dcab, connue sous le nom de Céladon, a des valeurs RVB de R:168, G:220, B:171 et des valeurs CMJN de C:24, M:0, Y:22, K:14.
| VALUE | CSS | |
|---|---|---|
| HEX | #a8dcab | #a8dcab |
| RGB DECIMAL | 168, 220, 171 | RGB(168,220,171) |
| RGB PERCENTAGE | 65.9, 86.3, 67.1 | RGB(65.9%,86.3%,67.1%) |
| CMYK | 24, 0, 22, 14 | |
| HSL | HSL(123.5, 42.6%, 76.1%) | HSL(123.5, 42.6%, 76.1%) |
| HSV (OR HSB) | 123.5°, 23.6, 86.3 | |
| WEB SAFE | #153204153 | #153204153 |
| BINARY | 10101000, 11011100, 10101011 | |
| iOS - SwiftUI | Color(red: 0.659, green: 0.863, blue: 0.671) | |
| iOS - UIKit | UIColor(red: 0.659, green: 0.863, blue: 0.671, alpha: 1) | |
| Android - Compose | Color(0xFFA8DCAB) |
