
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir l'ambre ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur l'ambre pour inspirer votre prochain design.
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.
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 :
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 :
Pour compléter les tons lumineux de l'ambre, envisagez de l'associer à :
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 :
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.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Ruche
Journée ensoleillée
Fraîchement pressé
Contraste 1,65
#FFBF00
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
#FFBF00
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
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) |

Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir l'ambre ?

En savoir plus sur la couleur bleu marine.

En savoir plus sur le vert forêt.