Le citron est un jaune vif et joyeux qui incarne la fraîcheur et l'énergie. Il se situe entre le jaune et le vert sur le cercle chromatique. Avec sa teinte ensoleillée et son apparence éclatante, il s'harmonise bien avec des jaunes acidulés et des nuances d'agrumes. Utilisez-le dans vos designs pour insuffler une ambiance vivante et captivante.
Le citron est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
- Code Hex : #FFF700
- Valeur RVB : 100,0 % rouge, 96,9 % vert, 0,0 % bleu
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
Pour des variations dans le même spectre que le citron, considérez :
- Le jaune vif (#ffed29) : Cette couleur reflète la vivacité éclatante que l'on attend du citron, capturant cette teinte joyeuse et accrocheuse qui maintient une ambiance dynamique.
- Le safran (#f1c338) : Le safran partage une nuance acidulée similaire avec le citron, ajoutant une touche de chaleur tout en conservant une apparence jaune vif et fraîche.
- Le jaune (#ffde21) : Le jaune s'aligne étroitement avec le citron dans sa tonalité lumineuse et ensoleillée, exhalant une sensation de fraîcheur et d'énergie typique d'une couleur jaune citron.
- Le jaune pastel (#ffee8c) : Cette version plus douce du citron conserve la teinte jaune vive mais offre une approche plus atténuée et délicate, parfaite pour une palette printanière.
Pour compléter le citron, envisagez de l'associer avec :
- Le bleu marine (#000080) : Offre un contraste saisissant, équilibrant la luminosité du citron avec sa teinte profonde et sophistiquée.
- Le vert foncé (#06402B) : Rehausse la vivacité fraîche du citron en apportant une profondeur terreuse inspirée de la nature à la palette.
- La prune (#8E4585) : Ajoute une touche luxueuse, avec ses tons riches et chauds se démarquant contre la luminosité joyeuse du citron.
- La crème (#FDFBD4) : Fournit un fond doux et neutre, permettant à la couleur vive et fraîche du citron de briller.
- Le corail (#FF8559) : Insuffle chaleur et énergie, créant une palette printanière harmonieuse qui se sent à la fois vibrante et accueillante.
Bien que le citron soit une couleur vive et joyeuse, il peut jurer avec :
- Le vert forêt (#2E6F40) : Les tons profonds et atténués du vert forêt peuvent rendre le jaune citron trop éclatant et discordant lorsqu'ils sont placés ensemble.
- Le vert olive (#636B2F) : La vivacité du citron entre en dissonance avec le vert olive, ce qui peut conduire à une impression visuelle déséquilibrée et potentiellement terne.
- Le jaune foncé (#BA8E23) : Les teintes similaires mais d'intensités différentes entre le citron et le jaune foncé peuvent créer une tension visuelle qui semble déstabilisante.
- Le rouge cramoisi (#B22222) : La chaleur intense et la profondeur du rouge cramoisi peuvent dominer le jaune citron, conduisant à une palette écrasante et discordante.
- Le violet foncé (#341539) : L'intensité riche du violet foncé peut éclipser la qualité vive du citron, résultant en une combinaison lourde et déséquilibrée.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Fiesta Radieuse
Éclat Ensoleillé
Azur Flamboyant
Vérificateur de contraste
Contraste 1,13
- Texte en grand format
#FFF700
- Texte normal
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 18,56
- Texte en grand format
#FFF700
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #FFF700, connue sous le nom de Citron, a des valeurs RVB de R:255, G:247, B:0 et des valeurs CMJN de C:0, M:3, Y:100, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #FFF700 | #FFF700 |
| RGB DECIMAL | 255, 247, 0 | RGB(255,247,0) |
| RGB PERCENTAGE | 100.0, 96.9, 0.0 | RGB(100.0%,96.9%,0.0%) |
| CMYK | 0, 3, 100, 0 | |
| HSL | HSL(58.1, 100.0%, 50.0%) | HSL(58.1, 100.0%, 50.0%) |
| HSV (OR HSB) | 58.1°, 100.0, 100.0 | |
| WEB SAFE | #2552550 | #2552550 |
| BINARY | 11111111, 11110111, 00000000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.969, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.969, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFFFF700) |
