Le saumon est une couleur chaude, rose-orangé, évoquant un filet de saumon frais. Située entre le rouge et l'orange sur le cercle chromatique, elle s'imprègne d'une énergie et d'un esprit ludique.
Le saumon 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 : #FF7E70
- Valeur RVB : 100 % rouge, 49,4 % vert, et 43,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 saumon dans vos designs :
- Utilisez-le comme accent. Employer le saumon dans les arrière-plans et bannières d'un site web peut créer une atmosphère espiègle et apaisante pour les utilisateurs.
- Créez des arrière-plans subtils. Les designers peuvent utiliser des nuances très claires de saumon comme arrière-plans pour créer un contraste entre le texte et d'autres éléments.
- Établissez et renforcez les indicateurs d'avertissement. Utilisez une teinte légèrement plus foncée de saumon pour des alertes non critiques afin de capter l'attention de l'utilisateur sans l'accabler, ce qui peut arriver avec des couleurs comme le rouge.
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 chaud que le saumon, considérez :
- Le rose (#FF8DA1) est une alternative beaucoup plus vive au saumon avec moins d'orange.
- Le rouge pastel (#FF746C) ressemble au saumon mais est beaucoup moins saturé.
- Le corail (#FF8559) est une autre couleur organique qui mélange le rose et l'orange.
- Le rouge-orangé (#FF4B33) est une couleur saturée et vibrante qui penche davantage vers le rouge sur le cercle chromatique.
Pour compléter le saumon, envisagez de l'associer avec :
- Le bleu clair (#90D5FF) est une couleur complémentaire qui crée une palette joyeuse et estivale.
- La terracotta (#E35336) possède des tons terreux qui créent une sensation ancrée et naturelle lorsqu'elle est associée au saumon.
- Le bleu canard (#069494) complète le saumon sur le cercle chromatique, créant un contraste audacieux et accrocheur.
- Le bleu marine (#000080) offre un contraste sophistiqué, permettant au saumon de se démarquer comme couleur d'accent.
D'autres couleurs à considérer incluent l'or pour une touche de luxe, la sauge pour créer une ambiance apaisante et naturelle, et la lavande pour une palette fantaisiste.
Bien que le saumon soit espiègle et dynamique, il peut jurer avec :
- Le marron (#895129) a une esthétique plus sombre et ancrée qui peut ne pas s'harmoniser avec l'énergie et l'esprit ludique du saumon.
- Le charbon (#4A4A4A) peut dominer le saumon en raison de son aspect plus dur et utilitaire.
- Le rose vif (#FF46A2) peut créer une atmosphère artificielle involontaire lorsqu'il est associé au saumon.
- Le vert néon (#2CFF05) peut être visuellement choquant lorsqu'il est combiné avec le saumon.
Le saumon est associé à la santé, la fertilité et la chaleur. Cette couleur tire son nom du poisson saumon, qui représente les cycles de la vie, de la mort et de la renaissance. La couleur saumon est également liée à l'énergie, la détermination et l'esprit d'aventure.
En psychologie des couleurs, le saumon évoque des sentiments d'optimisme et de gaieté. L'influence orange du saumon crée une sensation d'énergie positive, tandis que son influence rose instille un sentiment de sécurité et de confort.
Dans le design d'interface, le saumon est un choix fort pour construire des applications et des pages web destinées à être chaleureuses et accueillantes pour les utilisateurs. Les marques ciblant un public jeune ou des athlètes peuvent tirer parti du dynamisme inhérent du saumon.
Les premières références enregistrées au saumon en tant que couleur remontent à la fin des années 1700. Les teintures textiles étaient répandues dans toutes les cultures et classes, amenant les gens à utiliser des schémas de couleurs saumon dans leurs vêtements et meubles.
Le saumon a explosé en popularité dans les années 1950, lorsque les couleurs pastel étaient largement mises en avant dans les publicités et les affiches de films. Les femmes américaines des années 1950 et 1960 ont également adopté la teinture de leurs cheveux avec des couleurs pastel telles que le saumon.
Aujourd'hui, le saumon continue d'être utilisé dans la publicité, la mode et les tendances contemporaines de coiffure.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Sashimi Frais
Éclat d'Étoile de Mer
Sizzle des Années 70
Vérificateur de contraste
Contraste 2,48
- Texte en grand format
#FF7E70
- 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,47
- Texte en grand format
#FF7E70
- 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 #ff7e70, connue sous le nom de Couleur saumon, a des valeurs RVB de R:255, G:126, B:112 et des valeurs CMJN de C:0, M:51, Y:56, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff7e70 | #ff7e70 |
| RGB DECIMAL | 255, 126, 112 | RGB(255,126,112) |
| RGB PERCENTAGE | 100.0, 49.4, 43.9 | RGB(100.0%,49.4%,43.9%) |
| CMYK | 0, 51, 56, 0 | |
| HSL | HSL(5.9, 100.0%, 72.0%) | HSL(5.9, 100.0%, 72.0%) |
| HSV (OR HSB) | 5.9°, 56.1, 100.0 | |
| WEB SAFE | #255102102 | #255102102 |
| BINARY | 11111111, 01111110, 01110000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.494, blue: 0.439) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.494, blue: 0.439, alpha: 1) | |
| Android - Compose | Color(0xFFFF7E70) |
