Le corail est une couleur vive et chaleureuse qui fusionne des éléments de rose et d'orange. Il se situe entre l'orange et le rouge sur la roue chromatique, lui conférant un esprit espiègle et engageant. Cette teinte est plus douce qu'un orange typique, ajoutant une qualité délicate à son caractère.
Le corail 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 : #FF8559
- Valeur RVB : 100 % rouge, 52,2 % vert, et 34,9 % 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 corail dans vos designs :
- Évoquer des sensations tropicales. Le corail est parfait pour les designs qui visent à évoquer une ambiance estivale ou tropicale. Utilisez-le pour les arrière-plans ou les accents afin de créer une atmosphère de plage relaxante.
- Diriger l'attention de l'utilisateur. La nature vibrante du corail en fait un excellent choix pour les notifications et les éléments d'appel à l'action, tels que les boutons et les alertes critiques.
- Améliorer la navigation. Utilisez le corail pour les effets de survol afin de montrer clairement où se trouve le curseur de l'utilisateur à l'écran. Son énergie vive aide à garder les utilisateurs sur le bon chemin.
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 réconfortant et énergique que le corail, considérez :
- Le rose (#FF8DA1) se trouve à côté du corail sur la roue chromatique mais offre des influences rouges plus marquées.
- Le saumon (#FA8072) ressemble de près au corail mais possède une touche distincte d'orange, lui conférant une sensation plus douce et amicale.
- La mandarine (#FFA800) est parfaite pour une palette plus énergique, offrant une touche de vitalité rouge-orangé.
- Le cantaloup (#FFA62F) se situe dans la même zone de la roue chromatique que le corail, offrant une sensation similaire avec des touches supplémentaires de vivacité orange.
Pour compléter le corail, envisagez de l'associer avec :
- Le céruléen (#007BA7) crée un contraste détendu en complétant la vivacité du corail.
- Le bleu marine (#000080) a une tonalité profonde et fraîche qui s'accorde bien avec l'apparence plus chaude du corail.
- Le taupe (#54463A) est une couleur neutre qui fonctionne bien comme arrière-plan subtil avec la vivacité du corail.
- La lavande (#D3D3FF) est une couleur douce et apaisante qui complète l'apparence vibrante du corail tout en ajoutant une sensation de luxe.
- Le chocolat (#7B3F00) est une couleur marron profonde et terreuse avec une tonalité chaude qui complète le corail.
D'autres couleurs à considérer incluent le bleu ciel et le bleu canard, qui offrent un contraste relaxant. L'ivoire et le noir peuvent également ajouter des sensations de chaleur ou d'audace, respectivement.
Bien que le corail soit chaleureux et vibrant, il peut jurer avec :
- Le vert lime (#89F336) peut être vibrant comme le corail, mais leurs sous-tons entrent en dissonance, créant un effet discordant.
- Le marron (#550000) a une tonalité rouge profonde similaire au corail, mais son manque de contraste crée une apparence terne.
- Le jaune pastel (#FFEE8C) a une tonalité atténuée qui peut sembler délavée à côté du corail, créant un effet plat.
- Le vert forêt (#2E6F40) est une teinte profonde qui peut facilement submerger et minimiser la vivacité naturelle du corail.
Le corail incarne les environnements tropicaux et un sentiment de calme et de détente. Sa teinte chaude suggère également l'esprit ludique, tandis que sa connexion aux récifs coralliens indique vitalité et croissance.
En psychologie des couleurs, le corail évoque chaleur, paix et tranquillité, mais sa qualité vibrante favorise également des sentiments d'optimisme et d'espoir.
Dans le design d'interface, le corail est excellent pour attirer l'attention, et il est parfait pour créer une atmosphère de loisir tropical ou de détente estivale. Ses qualités espiègles en font également une couleur populaire pour les designs destinés aux enfants.
La couleur corail tire son nom des invertébrés marins qui forment les récifs coralliens. Le mot a été utilisé pour la première fois pour décrire une couleur au XVIe siècle lorsque les explorateurs anglais ont découvert les teintes vibrantes du corail océanique.
Les cultures orientales associaient les teintes rouges de cette couleur à l'immortalité, liées au sang et à la nature régénératrice des organismes coralliens. Dans l'Europe médiévale, le corail était associé à la richesse, devenant un choix populaire pour les bijoux en raison de sa rareté et de sa beauté. Les cultures méditerranéennes, y compris les Grecs et les Romains, croyaient que le corail pouvait protéger contre le mal.
Au XVIIIe siècle, les pigments développés à partir d'oxyde de fer ont facilité la reproduction des teintes corail, et les artistes ont utilisé cette tonalité pour représenter des scènes naturelles comme les levers et couchers de soleil.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Marché aux épices
Rues de Pampelune
Goyave
Vérificateur de contraste
Contraste 2,4
- Texte en grand format
#FF8559
- 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 8,75
- Texte en grand format
#FF8559
- 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 #ff8559, connue sous le nom de Corail, a des valeurs RVB de R:255, G:133, B:89 et des valeurs CMJN de C:0, M:48, Y:65, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff8559 | #ff8559 |
| RGB DECIMAL | 255, 133, 89 | RGB(255,133,89) |
| RGB PERCENTAGE | 100.0, 52.2, 34.9 | RGB(100.0%,52.2%,34.9%) |
| CMYK | 0, 48, 65, 0 | |
| HSL | HSL(15.9, 100.0%, 67.5%) | HSL(15.9, 100.0%, 67.5%) |
| HSV (OR HSB) | 15.9°, 65.1, 100.0 | |
| WEB SAFE | #255153102 | #255153102 |
| BINARY | 11111111, 10000101, 01011001 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.522, blue: 0.349) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.522, blue: 0.349, alpha: 1) | |
| Android - Compose | Color(0xFFFF8559) |
