Identité - Couleurs

Palettes

Les couleurs des palettes chromatique et technique servent de base pour construire les autres couleurs du système. Elles peuvent être utilisées indépendamment dans de rares cas.

Afficher les noms techniques
Non Oui
Oui Non
check_circle__fill cancel_circle

Palette chromatique

La palette chromatique comprend les couleurs d'accentuation, utilisés pour véhiculier du sens, hiérarchiser les informations et mettre en valeur des éléments spécifiques de l'interface.

Rouge

Principale
Sombre
Vive
Claire
#d80946
...
anap-palette-rouge
#a60a38
...
anap-shade-dim-rouge
#fd6378
...
anap-shade-bright-rouge
#fdf3f6
...
anap-shade-light-rouge

Bleu

Principale
Sombre
Vive
Claire
#005fb5
...
anap-palette-bleu
#134A86
...
anap-shade-dim-bleu
#63abed
...
anap-shade-bright-bleu
#f2f7fb
...
anap-shade-light-bleu

Bordeaux

Principale
Sombre
Vive
Claire
#a61a37
...
anap-palette-bordeaux
#92062c
...
anap-shade-dim-bordeaux
#f28898
...
anap-shade-bright-bordeaux
#fbf4f5
...
anap-shade-light-bordeaux

Orange

Principale
Sombre
Vive
Claire
#f37021
...
anap-palette-orange
#cb4d00
...
anap-shade-dim-orange
#ffa267
...
anap-shade-bright-orange
#fef6f2
...
anap-shade-light-orange

Orange Soleil

Principale
Sombre
Vive
Claire
#faa61a
...
anap-palette-orangesoleil
#a56900
...
anap-shade-dim-orangesoleil
#ffc25a
...
anap-shade-bright-orangesoleil
#fff8ed
...
anap-shade-light-orangesoleil

Jaune

Principale
Sombre
Vive
Claire
#ffcc32
...
anap-palette-jaune
#937100
...
anap-shade-dim-jaune
#ffdc74
...
anap-shade-bright-jaune
#fffaeb
...
anap-shade-light-jaune

Vert pomme

Principale
Sombre
Vive
Claire
#a6c54c
...
anap-palette-vertpomme
#6B7D30
...
anap-shade-dim-vertpomme
#d9f181
...
anap-shade-bright-vertpomme
#f6f9ed
...
anap-shade-light-vertpomme

Vert

Principale
Sombre
Vive
Claire
#008d63
...
anap-palette-vert
#006141
...
anap-shade-dim-vert
#7de8c1
...
anap-shade-bright-vert
#f2f9f7
...
anap-shade-light-vert

Bleu canard

Principale
Sombre
Vive
Claire
#00888f
...
anap-palette-bleucanard
#1A5F63
...
anap-shade-dim-bleucanard
#8ddde2
...
anap-shade-bright-bleucanard
#f0f8f8
...
anap-shade-light-bleucanard

Cyan

Principale
Sombre
Vive
Claire
#009cd9
...
anap-palette-cyan
#006da8
...
anap-shade-dim-cyan
#53cfff
...
anap-shade-bright-cyan
#f0f9fd
...
anap-shade-light-cyan

Bleu marine

Principale
Sombre
Vive
Claire
#134a86
...
anap-palette-bleumarine
#05316b
...
anap-shade-dim-bleumarine
#7bc2f9
...
anap-shade-bright-bleumarine
#f3f6f9
...
anap-shade-light-bleumarine

Parme

Principale
Sombre
Vive
Claire
#8672b4
...
anap-palette-parme
#675492
...
anap-shade-dim-parme
#b9aae7
...
anap-shade-bright-parme
#f8f7fb
...
anap-shade-light-parme

Violet

Principale
Sombre
Vive
Claire
#421878
...
anap-palette-violet
#311259
...
anap-shade-dim-violet
#b099ff
...
anap-shade-bright-violet
#f6f3f8
...
anap-shade-light-violet

Palette technique

La palette technique regroupe les couleurs de base utilisées pour construire les interfaces.

Blanc

#ffffff
...
anap-palette-blanc

Gris

Gris
Gris moyen
Gris clair
#62585b
...
anap-palette-gris
#817777
...
anap-palette-grismoyen
#f2f3f7
...
anap-palette-grisclair

Noir

Noir
Noir texte
#000000
...
anap-palette-noir
#222222
...
anap-palette-noirtxt