L'ambre est une couleur chaleureuse et accueillante qui marie l'éclat doré du jaune à la richesse de l'orange. Elle dégage une ambiance ensoleillée et joyeuse, capturant l'essence de son homonyme, la résine d'arbre fossilisée. Située entre le jaune et l'orange sur la roue chromatique, elle est parfaite pour ajouter une touche de chaleur et de luminosité aux designs, rehaussant les visuels par son attrait rayonnant et douillet.

L'ambre 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 : #FFBF00
- Valeur RVB : 100 % rouge, 74,9 % vert et 0 % 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.
Les tons riches et dorés de l'ambre apportent chaleur et dynamisme au design d'interface. Voici comment exploiter son potentiel efficacement :
- Créer du contraste et de la hiérarchie. L'ambre excelle à établir une hiérarchie visuelle claire, se détachant sur des fonds clairs et sombres. Utilisez-le pour les titres, les boutons ou d'autres éléments clés pour améliorer la lisibilité et guider l'œil de l'utilisateur à travers votre contenu.
- Évoquer des émotions positives. La lueur chaleureuse de l'ambre crée une atmosphère accueillante et engageante dans les interfaces web et d'applications. Imaginez une plateforme de réservation de voyages utilisant des accents d'ambre pour évoquer la chaleur et l'excitation d'un voyage de rêve.
- Guider l'interaction utilisateur. En tant que couleur d'accent, l'ambre est un excellent choix pour mettre en valeur les éléments interactifs. Utilisez-le pour attirer l'attention de l'utilisateur et encourager l'interaction, comme un bouton Réserver maintenant.
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 rayonnant et chaleureux que l'ambre, considérez :
- Le goldenrod (#DAA520) capture l'essence de l'ambre avec une luminosité légèrement plus atténuée, évoquant la chaleur naturelle des champs de fin d'été.
- Le souci (#FBE870) est plus clair et plus lumineux, offrant une teinte ensoleillée et joyeuse qui partage la chaleur accueillante et l'énergie vibrante de l'ambre.
- Le safran (#F4C430) introduit une touche d'orange, reflétant l'éclat doré de l'ambre avec une nuance légèrement plus exotique et épicée.
- La moutarde (#FFDB58) est une version plus atténuée, conservant la chaleur de l'ambre tout en ajoutant une touche de terre pour un attrait plus discret.
Pour compléter les tons lumineux de l'ambre, envisagez de l'associer à :
- Le bleu canard profond (#00585E) offre un fond riche et contrasté qui fait ressortir la luminosité de l'ambre, évoquant la profondeur des eaux océaniques contre un coucher de soleil.
- Le gris charbon (#4A4A4A) apporte un équilibre neutre et sophistiqué à la vivacité de l'ambre, ancrant la palette avec une élégance moderne.
- L'ivoire (#FFFFE3) est doux et léger, créant un contraste délicat qui rehausse la chaleur de l'ambre pour une atmosphère accueillante et chaleureuse.
- La prune (#8E4585) ajoute un complément profond et luxueux, s'associant magnifiquement à l'ambre pour une ambiance riche et automnale.
- Le vert forêt (#2E6F40) ancre la palette avec sa teinte naturelle profonde, évoquant les couleurs d'une forêt ensoleillée et mettant en valeur les qualités terreuses de l'ambre.
D'autres couleurs à considérer incluent le bleu marine pour un look classique et digne, la crème pour un mélange doux et harmonieux, et le bordeaux pour un contraste audacieux et dramatique.
Bien que l'ambre soit polyvalent, il peut jurer avec :
- Le rose vif (#FF69B4) peut être trop vif et éclatant, éclipsant la lueur naturelle de l'ambre avec un contraste qui peut sembler discordant.
- Le vert lime (#89F336), avec son intensité élevée, pourrait détourner de la chaleur de l'ambre, créant une combinaison visuellement déstabilisante.
- Le bleu électrique (#00F0FF) offre un contraste frais et vif qui peut éclipser la subtilité et la chaleur de l'ambre, menant à une dissonance énergétique.
- L'orange néon (#FFA500), bien que proche dans le spectre, peut rivaliser trop directement avec l'ambre, résultant en une palette qui manque de distinction et d'équilibre.
- Le violet vif (#800080), bien que royal, peut dominer la lueur dorée de l'ambre par sa dominance, créant potentiellement un effet visuel discordant.
Avec sa beauté naturelle et sa lueur solaire, l'ambre incarne la chaleur, le confort et la nostalgie. Ses aspects jaunes apportent luminosité et optimisme, et ses nuances orangées inspirent la créativité. À travers les cultures, la valeur de l'ambre varie : dans la Grèce antique, il était perçu comme un don divin d'Apollon, symbolisant la vie éternelle ; dans la culture chinoise, il représente le courage et la force. Dans la tradition amérindienne, c'est un talisman protecteur.
En psychologie des couleurs, la teinte joyeuse de l'ambre favorise l'énergie, stimulant les sens et suscitant l'enthousiasme et l'excitation.
Dans le design d'interface, l'ambre rend les interfaces utilisateur plus attrayantes. Il met en valeur des fonctionnalités importantes comme les appels à l'action et les notifications, améliorant l'engagement utilisateur. L'ambre peut créer une atmosphère chaleureuse et accueillante, utilisant ses effets psychologiques pour enrichir l'expérience utilisateur. Cela peut donner à la marque une image amicale et dynamique.
Le nom ambre provient du matériau connu sous le nom d'ambre—une résine d'arbre fossilisée admirée depuis des siècles pour sa beauté naturelle et sa lueur chaleureuse. L'utilisation du terme "ambre" comme nom de couleur a été documentée pour la première fois en anglais en 1500.
Historiquement, l'ambre était associé à la magie, à la spiritualité et même à la guérison. Les civilisations anciennes façonnaient l'ambre en bijoux, amulettes et objets décoratifs, souvent symboles de richesse et de statut.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Ruche
Journée ensoleillée
Fraîchement pressé
Vérificateur de contraste
Contraste 1,65
- Texte en grand format
#FFBF00
- 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 12,7
- Texte en grand format
#FFBF00
- 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 #ffbf00, connue sous le nom de Ambre, a des valeurs RVB de R:255, G:191, B:0 et des valeurs CMJN de C:0, M:25, Y:100, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffbf00 | #ffbf00 |
| RGB DECIMAL | 255, 191, 0 | RGB(255,191,0) |
| RGB PERCENTAGE | 100.0, 74.9, 0.0 | RGB(100.0%,74.9%,0.0%) |
| CMYK | 0, 25, 100, 0 | |
| HSL | HSL(44.9, 100.0%, 50.0%) | HSL(44.9, 100.0%, 50.0%) |
| HSV (OR HSB) | 44.9°, 100.0, 100.0 | |
| WEB SAFE | #2552040 | #2552040 |
| BINARY | 11111111, 10111111, 00000000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.749, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFFFBF00) |


