Thématique

Couleurs & colorimétrie / Design Atlas

La couleur, c’est une intention : émotion, hiérarchie, lisibilité, identité. Ici, on passe de la théorie aux palettes concrètes, avec des exemples prêts à utiliser (web, print, branding).

Palettes prêtes à utiliser

Une palette solide, c’est un système : 1 couleur dominante, 1 accent, 1 neutre, et des variantes. Voici des accords typiques (branding, UI, éditorial).

Atlas Blue — éditorial moderne

Propre, contrasté, parfait pour un site de design.

#0E0E0E
#FAFAFA
#C9C9C9
#1F4FFF
#00D1FF

Neo Brutal — punch & contraste

Accents forts, idéal pour titres, badges, CTA.

#0E0E0E
#FAFAFA
#1F4FFF
#FF2D55
#00E599

Warm Minimal — premium & doux

Pour projets “luxe” ou éditorial plus chaleureux.

#121212
#F7F3EE
#D6C9BC
#1F4FFF
#FFB703

Contraste & lisibilité

La couleur sert la hiérarchie : si on ne lit pas, c’est perdu. Voici des exemples “OK / KO” (texte sur fond).

OK

Titre lisible

Texte clair sur fond sombre : excellent contraste, lecture confortable.

OK

Titre lisible

Texte sombre sur fond clair : classique, propre, efficace.

KO

Titre peu lisible

Blanc sur gris clair : contraste trop faible, fatigue visuelle.

KO

Titre peu lisible

Bleu sur cyan : contraste trompeur, lisibilité instable selon écrans.

Colorimétrie : web & impression

La colorimétrie ne se limite pas au choix d’une “belle couleur”. Elle dépend du support, du mode colorimétrique et du contexte d’affichage. Une teinte vibrante sur écran peut perdre en intensité une fois imprimée. Comprendre ces différences évite les écarts et les mauvaises surprises.

En design, on distingue principalement deux univers : RGB (lumière, écrans) et CMYK (encres, papier). Chaque univers impose ses limites, ses forces, et ses compromis visuels.

RGB — écran

Couleurs lumineuses

Saturation élevée, contrastes forts, rendu vibrant et dynamique.

CMYK — impression

Couleurs encres

Rendu plus mat, saturation réduite, dépend fortement du papier.

Bon réflexe

Tester & ajuster

Épreuves, profils ICC, choix du papier : tout influence le résultat.

Astuce pro : pour une charte cohérente, définis toujours une version écran et une version print-safe de ta couleur principale. La cohérence prime sur la saturation brute.