L’essentiel en bref
- Un dégradé néon utilise des couleurs très saturées, comme le rose vif, le bleu électrique, le cyan et le vert acide, qui luisent en général sur un fond sombre.
- Le néon ne ressemble à de la lumière que lorsqu’il est entouré d’obscurité ; sur un fond clair, les mêmes couleurs paraissent criardes et plates.
- Deux couleurs saturées de luminosité proche, placées bord à bord, semblent vibrer, ce qui est la principale cause de la fatigue visuelle du néon.
- Garder le néon sur une petite part de la surface, et composer le texte en blanc ou presque blanc plutôt qu’en néon, le rend confortable à regarder.
- Les dégradés néon conviennent à la musique, au jeu vidéo, à la vie nocturne et aux lancements technologiques, où l’énergie est le but.
Sur cette page
Un dégradé néon est un fondu de couleurs très saturées, comme le rose vif, le violet, le bleu électrique, le cyan ou le vert acide, qui luit en général sur un fond sombre, comme un tube allumé dans une rue noire. C’est le plus énergique des dégradés. C’est aussi celui qui fatigue le plus facilement l’œil, car des couleurs saturées côte à côte peuvent scintiller et vibrer. La solution n’est pas moins de couleur mais plus d’obscurité autour.
Ce qui donne un air de néon à un dégradé
Les vraies enseignes au néon sont de fines lignes de couleur intense entourées d’un halo doux et d’une nuit sombre. Pour ressembler à du néon à l’écran, un dégradé a besoin des mêmes trois choses : une couleur à pleine saturation ou presque, un cœur lumineux qui s’estompe en lueur, et un fond sombre qui rend la lueur visible. Enlevez l’obscurité et il ne reste qu’un aplat criard, pas de la lumière.
Pourquoi le néon fatigue les yeux
Quand deux couleurs très saturées de luminosité proche se rencontrent sur un bord net, comme du texte rouge pur sur du bleu pur, le bord semble scintiller. On parle souvent de vibration chromatique : elle rend le texte fatigant, voire difficile à fixer. Le rouge et le bleu côte à côte peuvent aussi sembler situés à des profondeurs différentes. Les designs néon cumulent les deux, car chaque couleur est à pleine force.
Fatigue
- Du néon qui remplit tout le cadre d’un bord à l’autre
- Du texte néon sur un fond néon
- Deux opposées saturées, comme le rouge et le bleu, en contact sur un bord net
- Des effets de lueur qui clignotent ou stroboscopent vite
Éclat
- Du néon sur une petite part d’une surface sombre
- Du texte blanc ou presque blanc avec une douce lueur colorée
- Des couleurs saturées séparées par l’obscurité ou un fondu doux
- Des pulsations lentes et douces, ou aucune
Palettes de couleurs néon
Les palettes néon marchent mieux avec une ou deux couleurs lumineuses sur un fond sombre, pas cinq néons à la fois. Le rose et le violet, ou le cyan et le bleu, sont voisins et luisent ensemble sans vibrer. Le rose et le cyan forment l’association synthwave classique ; fondus par le violet, ils restent vifs au lieu de virer au gris.
Comment construire un dégradé néon
- 1
Commencez sombre
Remplissez le cadre d’un presque noir teinté vers votre néon, comme un noir violet sous du rose.
- 2
Placez un cœur lumineux
Mettez le néon à pleine force sur une petite zone, une ligne, un anneau ou un coin, pas au milieu du cadre.
- 3
Laissez-le s’estomper
Fondez le cœur par une version profonde de la même teinte vers le sombre, pour qu’il se lise comme un halo plutôt qu’une tache.
- 4
N’ajoutez un second néon que comme voisin
Le violet près du rose, ou le bleu près du cyan, luisent ensemble. Les opposés ont besoin d’obscurité entre eux.
- 5
Terminez par du grain
Les halos sombres forment facilement des bandes. Une fine couche de bruit les garde lisses ; voyez le banding des dégradés.
Du texte sur du néon
Composez les mots en blanc ou en teinte très pâle de votre néon, jamais dans un second néon. Une douce lueur de la couleur néon autour de lettres blanches se lit comme une enseigne ; des lettres saturées sur un fond saturé se lisent comme du bruit. Gardez le texte courant hors de la lueur la plus vive et dans la zone la plus sombre, et vérifiez le contraste comme sur n’importe quel fond sombre ; voyez les arrière-plans dégradés sombres.
.neon-title {
color: #fff0fa; /* pale pink, not neon */
text-shadow:
0 0 4px #ff2d95,
0 0 16px #ff2d95,
0 0 40px rgb(255 45 149 / 0.6);
}
.neon-panel {
background: #07020a;
box-shadow:
0 0 0 1px rgb(0 224 255 / 0.6),
0 0 24px rgb(0 224 255 / 0.35);
border-radius: 16px;
}Quand la lueur la plus vive passe derrière le titre, le néon et les mots se battent.
De l’obscurité derrière le titre, de la lueur autour : l’affiche se lit instantanément.
Où placer les dégradés néon
| Fonctionne bien | À utiliser avec soin |
|---|---|
| Musique, soirées en club et festivals | Lecture longue ou documentation |
| Jeu vidéo, streaming et esport | Marques de santé, de finance et de droit |
| Lancements technologiques et films produit | Impression, où l’on ne peut pas reproduire les couleurs néon |
| Bars à cocktails et marchés nocturnes | Produits pour enfants et bien-être calme |
L’impression demande une remarque à part. Les néons d’écran sont plus lumineux que les encres CMJN ordinaires ne peuvent le reproduire, et s’impriment donc ternes. Des encres fluorescentes en ton direct peuvent s’en approcher ; demandez à votre imprimeur, et lisez d’abord les dégradés pour l’impression. Pour une version plus douce de la couleur lumineuse, voyez les dégradés aurore, et pour la version rétro, les couleurs vaporwave.
Le néon prend vie en mouvement. Une lente pulsation sur fond sombre fait un puissant arrière-plan de story ou de Reel, et dans Gradiently, les créations faites avec un Mark réservé s’exportent en boucles parfaites de 5 à 30 secondes, au rythme de votre choix.
Les questions qu’on nous pose
Qu’est-ce qu’un dégradé néon ?
Un dégradé néon fond des couleurs très saturées comme le rose vif, le bleu électrique, le cyan ou le vert acide, qui luisent en général sur un fond sombre.
Pourquoi les couleurs néon me font-elles mal aux yeux ?
Des couleurs saturées de luminosité proche sur un bord net semblent vibrer. Les séparer par de l’obscurité ou un fondu doux et utiliser du texte blanc règle l’essentiel du problème.
Quel arrière-plan avec des couleurs néon ?
Un presque noir légèrement teinté, comme un violet ou un marine très sombre. Le néon ne ressemble à de la lumière que lorsqu’il est entouré d’obscurité.
Quelle couleur de texte sur un dégradé néon ?
Du blanc ou une teinte très pâle du néon, placé dans la zone la plus sombre, éventuellement avec une douce lueur de la couleur néon.
Peut-on imprimer des dégradés néon ?
Pas exactement. Les néons d’écran sont plus lumineux que les encres CMJN standard, et s’impriment donc plus ternes. Les encres fluorescentes en ton direct s’en approchent.
Écrit par Gradiently
L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.
Voir notre profil
