Naviguer jusqu'au contenu principal

Lilas

Tout ce que vous devez savoir sur le lilas pour inspirer votre prochain design.

Obtenir la palette de couleurs

Choisir une couleur

Hex

RGB

HSB

HSL

Sélectionnez les paramètres de la palette

Palettes personnalisées

Le lilas est une teinte apaisante et élégante de violet qui incarne la tendresse, la sérénité et le raffinement. Cette couleur douce et atténuée se situe entre le bleu et le rouge sur la roue chromatique, avec une légère prédominance de bleu pour un sous-ton subtilement frais.

color Lilascolor Lilas

Le lilas 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 : #A47DAB
  • Valeur RVB : 64,3 % rouge, 49 % vert, et 67,1 % 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.

Voici quelques façons d'utiliser le lilas dans vos designs :

  • Exprimer l'élégance. Le lilas a une allure sophistiquée parfaite pour l'identité visuelle liée à des marques haut de gamme, comme les organisateurs de mariages et les créateurs de mode.
  • Évoquer le printemps. Les couleurs florales douces comme le lilas rappellent le printemps. Utilisez le lilas dans une palette pastel avec des roses pâles, des pourpres et des verts pour exprimer le renouveau, la croissance et la chaleur.
  • Inspirer la tranquillité. Le lilas est une couleur apaisante qui inspire la paix et la relaxation. En tant que couleur de fond, le lilas est un excellent choix pour mettre les utilisateurs à l'aise sur votre site ou plateforme.

Gardez à l'esprit que la couleur et sa signification peuvent varier d'une culture à l'autre et à tout moment. Si vous créez une interface pour un public international, renseignez-vous sur la signification des couleurs pour chaque pays concerné.

Pour des variations dans le même spectre atténué que le lilas, considérez :

  • La lavande (#D3D3FF) apaise les sens en tant que teinte plus claire et plus douce de violet.
  • Le mauve (#E0AFFF) est plus vibrant et saturé avec un charme énergisant.
  • La puce (#E491A6) ajoute une touche de romance à toute palette avec sa teinte rose douce.
  • Le pervenche (#CCCCFF) rayonne d'une élégance douce dans un violet bleuté.

Pour compléter le lilas, envisagez de l'associer avec :

  • Le vert sauge (#98A869) harmonise avec la teinte atténuée du lilas.
  • Le bleu-gris (#6A89A7) ajoute plus de sophistication au lilas pour une palette raffinée.
  • Le bleu Tiffany® (#81D8D0) offre un contraste léger et aérien à la teinte subtile du lilas.
  • Le rose poussiéreux (#DCA1A1) élève le lilas pour créer un thème floral doux.

D'autres couleurs à considérer incluent le crème doux et aérien pour faire ressortir le lilas, le gris foncé sophistiqué ou l'ardoise pour créer une palette mature, et les tons de bijoux élégants pour rehausser la douceur du lilas.

Bien que le lilas soit atténué, il peut entrer en dissonance avec :

  • Le jaune (#FFFF00) éclipse la teinte discrète du lilas.
  • Le vert néon (#2CFF05) submerge la douceur du lilas et crée un contraste saisissant.
  • La mandarine (#FFA800) attire l'attention et crée un contraste déséquilibré avec le lilas.
  • Le rouge écarlate (#ED2100) domine le lilas avec une vibrance audacieuse et ardente qui étouffe la sérénité du lilas.
  • Le bleu royal (#305CDE) est trop vibrant et saturé pour la teinte douce du lilas.

Nomée d'après la fleur de lilas, la couleur lilas évoque des visions de printemps et de renouveau. Le lilas transmet également des émotions agréables et douces, notamment celles associées à l'amour et à l'innocence. Tant la couleur que la fleur suscitent des sentiments d'espoir et de nouvelles possibilités.

Les propriétés apaisantes du lilas proviennent de son mélange doux de violet et de bleu. Cette combinaison fraîche crée une atmosphère de béatitude. Le lilas est une couleur douce qui inspire la sérénité, la confiance et l'optimisme.

Aujourd'hui, les designers utilisent le lilas pour créer une palette calme et raffinée avec une touche de romance. En tant que couleur de fond, le lilas crée une expérience utilisateur relaxante. Il peut être une couleur moins populaire que la lavande, mais le lilas a un charme doux et agréable qui peut rendre votre design apaisant et accessible.

Avant que le lilas ne soit connu comme une couleur, le mot désignait uniquement la fleur du même nom jusqu'en 1766, lorsqu'un naturaliste suédois a nommé une espèce d'oiseau en Afrique subsaharienne le rollier à poitrine lilas. Ce fut la première fois que le lilas était utilisé pour désigner autre chose que la plante, mais la couleur lilas, utilisée pour décrire la couleur des fleurs de lilas, a été documentée pour la première fois en Angleterre en 1775.

Durant l'ère victorienne, cette couleur violette pâle était courante chez les femmes en deuil lorsqu'elles n'étaient plus tenues de porter du noir. À cette époque, le lilas et la lavande pouvaient être utilisés de manière interchangeable, bien que nous les reconnaissions maintenant comme des couleurs distinctes. Là où le lilas a plus de sous-tons bleus et tend à être plus foncé, la lavande a un pourcentage plus élevé de bleu et est généralement plus claire.

Les années 1920 ont vu une revitalisation du lilas, introduisant la couleur dans les cosmétiques. Plus tard dans le siècle, le lilas est devenu populaire dans le design d'intérieur, complétant d'autres pastels.

Variantes de couleur

Nuances

Teintes

Tons

Teintes

Harmonies de couleurs

Complémentaire

Complémentaire fractionnée

Monochrome

Analogue

Triadique

Tétradique

Palettes personnalisées

Améthyste

Jardin d'Iris

Barbe à papa

Vérificateur de contraste

Contraste 3,44

Texte en grand format

#A47DAB

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #A47DAB sur un arrière-plan #FFFFFF.
Catégorie
Non conforme
Non conforme
Conforme
Non conforme
Conforme
Non conforme

Contraste 6,1

Texte en grand format

#A47DAB

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #A47DAB sur un arrière-plan #000000.
Catégorie
Conforme
Non conforme
Conforme
Conforme
Conforme
Conforme

Simulations de couleurs

Protanopie

Deutéranopie

Tritanopie

Achromatopsie

La couleur hexadécimale #a47dab, connue sous le nom de Lilas, a des valeurs RVB de R:164, G:125, B:171 et des valeurs CMJN de C:4, M:27, Y:0, K:33.

VALUECSS
HEX#a47dab#a47dab
RGB DECIMAL164, 125, 171RGB(164,125,171)
RGB PERCENTAGE64.3, 49.0, 67.1RGB(64.3%,49.0%,67.1%)
CMYK4, 27, 0, 33
HSLHSL(290.9, 21.5%, 58.0%)HSL(290.9, 21.5%, 58.0%)
HSV (OR HSB)290.9°, 26.9, 67.1
WEB SAFE#153102153#153102153
BINARY10100100, 01111101, 10101011
iOS - SwiftUIColor(red: 0.643, green: 0.490, blue: 0.671)
iOS - UIKitUIColor(red: 0.643, green: 0.490, blue: 0.671, alpha: 1)
Android - ComposeColor(0xFFA47DAB)