Le puce est une couleur profonde et riche qui incarne une élégance antique et une certaine profondeur. Située entre le marron et le rouge foncé (et plus proche du rouge) sur la roue chromatique, elle possède une nuance chaude. Ses teintes varient du marron foncé à un bordeaux atténué.

Le puce 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 : #E491A6
- Valeur RGB : 89,4 % rouge, 56,9 % vert et 65,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.
Bien que le puce puisse être un choix de couleur intéressant, il présente des limites dans le design d'interface en raison de son obscurité relative et de son potentiel de mauvaise interprétation. Voici quelques éléments à considérer :
- Utilisez-le avec parcimonie comme accent. Une petite quantité de puce peut apporter une touche unique à un design, mais évitez de l'utiliser comme couleur dominante. Envisagez de l'utiliser pour des boutons, des accents ou des touches subtiles pour attirer l'attention sans submerger l'utilisateur.
- Associez-le à des couleurs claires et lisibles. Comme le puce peut être du côté sombre, assurez-vous qu'il est associé à des couleurs claires et contrastées pour une lisibilité optimale. Le blanc, le noir ou les gris clairs sont sûrs pour les arrière-plans ou le texte principal.
- Considérez votre public. Le puce pourrait ne pas convenir à tous les publics ou personnalités de marque. Il pourrait convenir à une marque sophistiquée visant une élégance non conventionnelle. Il ne serait pas idéal pour une marque espiègle ou jeune.
- Testez minutieusement. En raison du potentiel de connotations négatives du puce, testez soigneusement votre design d'interface avec les utilisateurs. Obtenez des retours sur la perception de la couleur et si elle évoque les émotions souhaitées.
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é.
Le puce occupe une position unique, mêlant la douceur du rose à une touche de marron terreux. Les variations dans ce spectre distinctif incluent :
- Le rose poussiéreux (#DCA1A1) offre un rose plus clair et plus atténué, évoquant la douceur du puce avec une touche de chaleur.
- Le mauve (#E0AFFF) présente un pendant plus infusé de violet, partageant l'élégance discrète du puce.
- Le bois de rose (#65000B) plonge dans un territoire plus sombre et plus riche, conservant la sophistication du puce avec une profondeur accrue.
- La terracotta (#E2725B) apporte une tonalité rougeâtre terreuse, similaire au puce mais avec une disposition plus ensoleillée.
Pour compléter l'élégance atténuée du puce, envisagez de l'associer à :
- Le vert sauge (#9EAB8A) pour une élégance naturelle et discrète, créant une palette sereine et équilibrée.
- Le bleu marine (#000080) ajoute une profondeur classique, contrastant magnifiquement avec la chaleur douce du puce.
- Le champagne (#F7E6CA) offre un fond neutre et léger qui permet au puce de se démarquer subtilement.
- Le gris ardoise (#6D8196) fournit un contraste moderne et sophistiqué, mettant en valeur la teinte unique du puce.
- La crème (#FDFBD4) pour une combinaison douce et harmonieuse, parfaite pour un espace accueillant et chaleureux.
D'autres couleurs à considérer incluent le bleu canard pour un contraste riche, l'argent pour un look moderne et élégant, et la lavande pour une palette espiègle mais raffinée.
Bien que le puce soit polyvalent, il peut ne pas s'harmoniser avec :
- Le jaune vif (#FFFF00) peut dominer la subtilité du puce, créant une combinaison visuellement discordante.
- Le vert lime (#89F336) pourrait être trop vibrant, éclipsant l'élégance discrète du puce.
- L'orange néon (#FF6A00) offre un choc de chaleur, potentiellement déstabilisant l'équilibre des tons atténués du puce.
- Le bleu électrique (#00F0FF) pourrait perturber l'harmonie avec son intensité vibrante.
- Le rose vif (#FF69B4) partage un domaine rosé avec le puce mais peut dominer par sa luminosité, perdant l'élégance nuancée du puce.
La couleur puce porte un mélange unique de symbolisme en raison de sa composition et de son utilisation historique. Sa composante marron évoque la stabilité, l'ancrage et une connexion à la nature. Son violet ajoute sophistication et une touche de mystère, potentiellement suscitant l'intrigue.
Cependant, la combinaison de marron et de violet dans le puce peut également suggérer la mélancolie ou la léthargie. Il est crucial en psychologie des couleurs d'équilibrer ces aspects, car le puce peut transmettre à la fois calme et élégance discrète ou porter des connotations négatives.
Dans le design d'interface, le mélange nuancé de marron et de violet rend le puce à la fois stimulant et gratifiant. Les designers peuvent exploiter ses qualités uniques pour créer des interfaces intrigantes et raffinées, mais doivent gérer son utilisation avec soin pour éviter d'évoquer des sentiments négatifs.
L'origine du puce est incertaine, mais elle est probablement apparue au XVIIIe siècle. Le mot français "puce", signifiant puce, décrit la couleur des excréments de puce ou de la literie tachée de sang par des piqûres de puce. Initialement, la teinture puce pouvait être fabriquée en écrasant des puces et en mélangeant le pigment avec d'autres couleurs pour obtenir une teinte brun-rougeâtre. Cette méthode a ensuite été remplacée par des techniques de fabrication de pigments plus modernes.
Malgré ses débuts étranges et désagréables, le puce est devenu populaire dans la France du XVIIIe siècle, notamment sous le règne de Louis XVI. Bien qu'il n'y ait aucune preuve que Marie-Antoinette ait porté du puce, il était prisé par certains aristocrates.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Rose Victorien
Fleur de Cactus
Aphrodite
Vérificateur de contraste
Contraste 2,36
- Texte en grand format
#E491A6
- 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,9
- Texte en grand format
#E491A6
- 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 #e491a6, connue sous le nom de puce, a des valeurs RVB de R:228, G:145, B:166 et des valeurs CMJN de C:0, M:36, Y:27, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #e491a6 | #e491a6 |
| RGB DECIMAL | 228, 145, 166 | RGB(228,145,166) |
| RGB PERCENTAGE | 89.4, 56.9, 65.1 | RGB(89.4%,56.9%,65.1%) |
| CMYK | 0, 36, 27, 11 | |
| HSL | HSL(344.8, 60.6%, 73.1%) | HSL(344.8, 60.6%, 73.1%) |
| HSV (OR HSB) | 344.8°, 36.4, 89.4 | |
| WEB SAFE | #204153153 | #204153153 |
| BINARY | 11100100, 10010001, 10100110 | |
| iOS - SwiftUI | Color(red: 0.894, green: 0.569, blue: 0.651) | |
| iOS - UIKit | UIColor(red: 0.894, green: 0.569, blue: 0.651, alpha: 1) | |
| Android - Compose | Color(0xFFE491A6) |


