La couleur nude est une teinte chaude et neutre qui penche légèrement vers l'orange et se situe entre le rouge et le jaune sur la roue chromatique. Elle évoque des sentiments de simplicité et de paix. En raison de son association avec les tons de peau, la couleur nude peut englober une large gamme de nuances naturelles comme le beige, le camel et le marron.
Le nude 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 : #F7D9BC
- Valeur RVB : 96,9 % rouge, 85,1 % vert, et 73,7 % 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 nude dans vos designs :
- Fournir un fond neutre. Le nude offre une base apaisante et sophistiquée aux interfaces, permettant aux autres éléments de se démarquer. Il est idéal seul ou associé à d'autres teintes neutres pour créer un effet de dégradé visuellement intéressant.
- Fournir des indices visuels. Utilisez le nude pour les effets de survol sur un bouton ou pour les champs de saisie, comme lorsque les utilisateurs complètent une action sur un formulaire.
- Ajouter de la texture. La teinte claire et neutre du nude en fait une superposition texturale idéale sur des éléments de teinte plus foncée. Cela ajoute une profondeur subtile et une dimension aux éléments de couleur unie.
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 et neutre que le nude, considérez :
- L'orange clair (#FFDBBB) partage une teinte presque identique, évoquant un sentiment de neutralité et de calme.
- Le champagne (#F7E6CA) a plus de sous-tons jaunes mais partage une chaleur et un confort similaires.
- La pêche (#FFD3AC) apparaît légèrement plus orange et inclut des sous-tons roses pour une teinte douce et engageante.
- Le coquillage (#FFF1E7) apparaît plus lumineux et légèrement plus frais en raison de sa proximité avec le blanc sur la roue chromatique.
Pour compléter le nude, envisagez de l'associer avec :
- Le bleu ciel (#82C8E5) est complémentaire au nude, promouvant une atmosphère légère et aérée.
- L'orange (#FFA500) crée une combinaison monochromatique avec une disposition vibrante et joyeuse.
- La sauge (#B2C495) est un accord naturel qui donne une sensation extérieure et organique.
- Le bleu marine (#000080) ancre la légèreté du nude, créant un contraste raffiné.
D'autres couleurs à considérer incluent la lavande pour une touche douce et élégante, le gris charbon pour un contraste sophistiqué, ou le marron pour une sensation ancrée.
Bien que le nude soit chaud, il peut jurer avec :
- Le violet (#7F00FF) a une luminosité qui peut créer une dissonance visuelle lorsqu'il est associé au nude.
- Le jaune (#FFDE21) est saturé et lumineux, ce qui peut paraître désagréable à côté de la teinte douce et atténuée du nude.
- Le noir de jais (#252525) peut perturber la légèreté du nude et alourdir les designs.
- Le vert-jaune (#CCFF00) peut créer un effet discordant et perturber la nature apaisante du nude.
Le nude incarne la paix et la neutralité. Il porte également des connotations d'élégance et de sophistication, surtout lorsqu'il est associé à des teintes plus sombres et d'autres couleurs neutres.
En psychologie des couleurs, le nude évoque des sentiments de tranquillité et de calme. Sa nature douce, en raison de son lien avec les tons de peau et les matériaux naturels, peut également promouvoir des sentiments d'ancrage et d'authenticité.
Dans le design d'interface, le nude offre une base neutre qui crée une atmosphère chaleureuse et accueillante. C'est un excellent choix pour ajouter de la texture et de la profondeur aux éléments d'interface ou pour fournir des indices visuels subtils confirmant les actions des utilisateurs.
Au cours des années 1900, les sous-vêtements sont passés du blanc majoritaire à une seule couleur « nude », une teinte beige rosé utilisée pour correspondre aux teints plus clairs. Au fil du temps, les créateurs de mode et les artistes ont commencé à utiliser une plus grande variété de teintes nude pour refléter le spectre des tons de peau humains.
Aujourd'hui, le nude est devenu plus inclusif, englobant de nombreuses couleurs pour représenter la diversité des tons de peau au-delà des teintes pâles.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Terre
Plage
Coucher de soleil bohème
Vérificateur de contraste
Contraste 1,35
- Texte en grand format
#F7D9BC
- 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 15,61
- Texte en grand format
#F7D9BC
- 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 #f7d9bc, connue sous le nom de Couleur nude, a des valeurs RVB de R:247, G:217, B:188 et des valeurs CMJN de C:0, M:12, Y:24, K:3.
| VALUE | CSS | |
|---|---|---|
| HEX | #f7d9bc | #f7d9bc |
| RGB DECIMAL | 247, 217, 188 | RGB(247,217,188) |
| RGB PERCENTAGE | 96.9, 85.1, 73.7 | RGB(96.9%,85.1%,73.7%) |
| CMYK | 0, 12, 24, 3 | |
| HSL | HSL(29.5, 78.7%, 85.3%) | HSL(29.5, 78.7%, 85.3%) |
| HSV (OR HSB) | 29.5°, 23.9, 96.9 | |
| WEB SAFE | #255204204 | #255204204 |
| BINARY | 11110111, 11011001, 10111100 | |
| iOS - SwiftUI | Color(red: 0.969, green: 0.851, blue: 0.737) | |
| iOS - UIKit | UIColor(red: 0.969, green: 0.851, blue: 0.737, alpha: 1) | |
| Android - Compose | Color(0xFFF7D9BC) |
