Guide couleur

Couleur Amber

#F59E0B

Codes de la couleur amber

HEX
#F59E0B
RGB
rgb(245, 158, 11)
HSL
hsl(38, 92%, 50%)
OKLCH
oklch(84% 0.13 111)

Ce que signifie le amber

Amber glows with warmth and cautious energy. It is the color of warnings that still feel friendly.

Comment l'utiliser en design

Ideal for warnings, ratings (stars) and warm accent lighting effects in UI.

Combinaisons de couleurs avec le amber

Harmonies calculées avec la théorie des couleurs pour la teinte de base 38°.

Complémentaire

Contraste maximal : #F59E0B + #0A60F5

Ouvrir dans l'éditeur

Analogue

Harmonie à ±30° : #F5290A · #F59E0B · #D6F50A

Triadique

Espacement uniforme de 120° : #F59E0B · #0AF59F · #9F0AF5

Tons de la couleur amber (échelle 50–900)

Échelle style Tailwind prête à l'emploi générée à partir de #F59E0B.

50 #171005
100 #1D1406
200 #352509
300 #5F410D
400 #9E690F
500 #F59F0A
600 #F0BC61
700 #F2D4A0
800 #F6E6CA
900 #F9F1E2

Couleurs qui vont bien avec le amber

FAQ sur la couleur amber

Quel est le code HEX de la couleur amber ?

Une valeur HEX très utilisée pour amber est #F59E0B, ce qui équivaut à rgb(245, 158, 11). Selon la nuance souhaitée, tu peux ajuster la saturation et la luminosité en gardant la même teinte (38°).

Quelles couleurs vont bien avec le amber ?

Le amber s'accorde magnifiquement avec navy, indigo, charcoal, cream. Sa couleur complémentaire est le #0A60F5, et un schéma triadique classique ajoute #0AF59F et #9F0AF5.

Le amber est-il accessible pour le texte et les fonds ?

Cela dépend du ratio de contraste avec l'autre couleur. Utilise le vérificateur de contraste de NanoPalettes pour vérifier la conformité WCAG AA (4.5:1) et AAA (7:1) avant d'utiliser le amber dans du texte ou des éléments d'interface.

Crée ta propre palette amber

Génère des combinaisons harmonieuses à partir de #F59E0B en quelques secondes.

Ouvrir le générateur de palettes