Naviguer jusqu'au contenu principal

Ambre

Tout ce que vous devez savoir sur l'ambre pour inspirer votre prochain design.

Obtenir la palette de couleurs

Choisir une couleur

Hex

RGB

HSB

HSL

Sélectionnez les paramètres de la palette

Palettes personnalisées

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.

color Ambrecolor Ambre

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.

Il s'agit d'un texte #FFBF00 sur un arrière-plan #FFFFFF.
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.

Il s'agit d'un texte #FFBF00 sur un arrière-plan #000000.
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.

VALUECSS
HEX#ffbf00#ffbf00
RGB DECIMAL255, 191, 0RGB(255,191,0)
RGB PERCENTAGE100.0, 74.9, 0.0RGB(100.0%,74.9%,0.0%)
CMYK0, 25, 100, 0
HSLHSL(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
BINARY11111111, 10111111, 00000000
iOS - SwiftUIColor(red: 1.000, green: 0.749, blue: 0.000)
iOS - UIKitUIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1)
Android - ComposeColor(0xFFFFBF00)