Le blanc cassé est une teinte douce et légèrement chaude située à côté du blanc pur sur la roue chromatique. Sa qualité apaisante et neutre le rend agréable à l'œil. Il incarne la paix et le confort et s'harmonise bien avec des couleurs vives.
Le blanc cassé 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 : #F2F0EF
- Valeur RVB : 94,9 % rouge, 94,1 % vert, 93,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 blanc cassé dans vos designs :
- Mettre en valeur des informations importantes. La simplicité du blanc cassé s'accorde bien avec des teintes plus audacieuses. Essayez-le comme fond pour des accents, des boutons d'appel à l'action et des icônes.
- Créer de l'espace négatif. Utilisez le blanc cassé pour ajouter de l'espace négatif à une page ou une mise en page, réduisant l'encombrement et établissant une sensation de légèreté.
- Poser une base pour le contenu. Le blanc cassé est une teinte idéale à utiliser comme arrière-plan léger pour des interfaces riches en texte ou en icônes, assurant la lisibilité et réduisant la fatigue oculaire.
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 audacieux que le blanc cassé, considérez :
- Le blanc (#FFFFFF) est une teinte plus lumineuse et plus pure que le blanc cassé.
- L'ivoire (#FFFFE3) ajoute une subtile teinte de jaune pour une apparence légèrement plus chaude.
- Le beige (#EDE8D0) est une teinte neutre similaire mais un peu plus foncée.
- La crème (#FDFBD4) offre une saturation plus élevée et une teinte jaune plus forte tout en évoquant des sentiments de confort.
Pour compléter le blanc cassé, envisagez de l'associer avec :
- Le turquoise (#40E0D0) a une sensation claire et aérée qui se marie bien avec le blanc cassé dans des palettes tropicales.
- Le bleu marine (#000080) peut être associé au blanc cassé pour une combinaison nautique élégante.
- Le rouge écarlate (#ED2100) se distingue audacieusement à côté du blanc cassé, ajoutant sophistication et vigueur.
- Le cognac (#A2574F) complète les teintes neutres du blanc cassé avec richesse, chaleur et profondeur.
Le blanc cassé s'accorde bien avec de nombreuses couleurs, mais d'autres à considérer sont le vert olive pour une ambiance terreuse, le noir pour un contraste percutant, et le bordeaux pour une association académique populaire.
Bien que le blanc cassé soit propre et simple, il peut jurer avec :
- Le magenta (#FD3DB5) est incroyablement vif et peut submerger la chaleur douce du blanc cassé.
- L'argent (#C4C4C4) et le blanc cassé s'annulent mutuellement en raison de leur qualité neutre partagée.
- L'indigo (#560591) peut faire paraître le blanc cassé terne.
Le blanc cassé incarne la paix, l'élégance et les nouveaux départs. Il partage également des associations spécifiques avec le blanc pur, telles que la bonté, la spiritualité et l'innocence.
En psychologie des couleurs, le blanc cassé évoque un sentiment de confort, de délicatesse et de raffinement. Sa simplicité peut également susciter des sentiments de clarté et de facilité, particulièrement lorsqu'il est associé à d'autres couleurs apaisantes.
Dans le design d'interface, le blanc cassé peut être utilisé généreusement sans être accablant. C'est un excellent choix pour des arrière-plans plaisants et atténués ainsi que pour d'autres éléments de design proéminents. Il s'harmonise également bien avec une large gamme de teintes audacieuses, ce qui le rend très polyvalent.
Le blanc cassé est l'un des pigments les plus anciens connus, remontant à la période paléolithique, où il apparaissait dans les peintures rupestres. Dans les années 1930, le blanc cassé était devenu une couleur établie dans la mode et la décoration, complétant des palettes audacieuses ou se suffisant à lui-même. Aujourd'hui, il est plus populaire que jamais, certains fabricants de peinture proposant des centaines de nuances de blanc cassé dans leurs catalogues.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Page Blanche
Club Nautique
Esthétique Épurée
Vérificateur de contraste
Contraste 1,14
- Texte en grand format
#F2F0EF
- 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 18,49
- Texte en grand format
#F2F0EF
- 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 #f2f0ef, connue sous le nom de blanc cassé, a des valeurs RVB de R:242, G:240, B:239 et des valeurs CMJN de C:0, M:1, Y:1, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #f2f0ef | #f2f0ef |
| RGB DECIMAL | 242, 240, 239 | RGB(242,240,239) |
| RGB PERCENTAGE | 94.9, 94.1, 93.7 | RGB(94.9%,94.1%,93.7%) |
| CMYK | 0, 1, 1, 5 | |
| HSL | HSL(20.0, 10.3%, 94.3%) | HSL(20.0, 10.3%, 94.3%) |
| HSV (OR HSB) | 20.0°, 1.2, 94.9 | |
| WEB SAFE | #255255255 | #255255255 |
| BINARY | 11110010, 11110000, 11101111 | |
| iOS - SwiftUI | Color(red: 0.949, green: 0.941, blue: 0.937) | |
| iOS - UIKit | UIColor(red: 0.949, green: 0.941, blue: 0.937, alpha: 1) | |
| Android - Compose | Color(0xFFF2F0EF) |
