Comment concevoir avec du bleu et des couleurs complémentaires

Comment concevoir avec du bleu et des couleurs complémentaires

Le bleu est l’une des couleurs les plus couramment utilisées dans la conception de sites Web. L’utilisation de bleus moyens à foncés peut créer une sensation de détente, que les concepteurs peuvent compléter avec des jaunes et des oranges.

Voici quelques façons différentes d’associer le bleu à d’autres couleurs.

L’attraction opposée et le bleu et l’orange se complètent

ledigitalpost / J. Ours

Envisagez de combiner le bleu avec l’orange dans une palette de couleurs complémentaires.

Du plus foncé au plus clair, la couleur orange indiquée pour chaque échantillon bleu dans l’image ci-dessus est :

• Hex #FFA500 | RVB 255,165,0 (or-orange ; mot-clé de couleur SVG et mot-clé de couleur CSS orange)
• Hex #FF8000 | RVB 255,128,0 (orange moyen)
• Hex #FF4500 | RVB 255,69,0 (rouge orange ; mot-clé de couleur SVG orangered)
• Hex #C83200 | RVB 200,50,0 (orange foncé)
• Chiffres : Hex #FF7F27 | RVB 255,127,39 (orange pêche)

Les bleus, du plus foncé au plus clair sont :

1. marine: hex #000080 | RVB 0,0,128 (mot-clé de couleur CSS / mot-clé de couleur SVG marine)
2. bleu: Hex #0000FF | RVB 0,0,255 (le mot-clé de couleur CSS/SVG est bleu ; couleur sécurisée pour le navigateur)
3. Hex : #0045FF | RVB 0,69,255 (bleu moyen)
4. Bleu acier: Hex #4682B4 | RVB 70 130 180 (mots-clés de couleur SVG bleu acier ; bleu entreprise)
5. Hex : #0080FF | RVB 0,128,255 (bleu moyen)
6. bleu clair: Hex #ADD8E6 | RVB 173 216 230 (mot-clé de couleur SVG bleu clair)

Les nuances de bleu foncé et moyen symbolisent l’importance, la confiance, la force, la sagesse, la stabilité, l’unité et le conservatisme. En ajoutant un peu d’orange à une palette dominée par des bleus foncés, vous pouvez introduire de la chaleur et de l’énergie qui peuvent empêcher votre palette d’être trop émoussée ou écrasante.

Vous n’êtes pas obligé d’utiliser ces nuances exactes. Éclaircir ou assombrir légèrement, ou déplacer un point vers la gauche ou vers la droite sur la roue chromatique. Ces combinaisons de couleurs peuvent vous aider à trouver la bonne palette avec le bleu et l’orange comme ingrédients principaux.

Mélanger le bleu foncé avec le jaune doré

ledigitalpost / J. Ours

Transformez le bleu foncé en presque violet et ajoutez une touche de jaune ensoleillé à la palette de couleurs complémentaires.

Lorsque vous ajoutez des nuances de violet, le bleu est une couleur froide et le jaune est une couleur chaude de l’autre côté de la roue chromatique. Pour éviter les vibrations désagréables, évitez d’utiliser des quantités égales. Égayez vos bleus avec une touche de jaune (ou calmez vos jaunes avec une touche de bleu).

Du plus foncé au plus clair, la couleur jaune indiquée pour chaque échantillon bleu dans l’image ci-dessus est :

• Jaune de cadmium : Hex #FF9912 | RVB 255,153,18 (bronzage chaud)
• Or: Hex #FFD700 | RVB 255 215,0 (mot-clé de couleur SVG or)
• Numéro : Hex #FFFF00 | RGB 255,255,0 (mot-clé de couleur SVG/CSS jaune)

Les bleus sont :

1. Bleu marin: Hex #000033 | RVB 0,0,51 (bleu foncé sans danger pour le navigateur)
2. Bleu nuit: hex #191970 | RVB 25,25,112 (mot-clé de couleur SVG bleu nuit)
3. Bleu ardoise profond : Hex #483D8B RVB 72,61,139 (mot-clé de couleur SVG darkslateblue ; bleu gris-violet)
4. indigo: Hex #4B0082 | RVB 75,0,130 (mots-clés de couleur SVG indigo ; bleu violet)
5. violet: Hex #8A2BE2 | RVB 138,43,226 (mot-clé de couleur SVG bleuviolet)
6. Bleu cobalt: Hex #3D59AB | RVB 61,89,171

Pousser les couleurs bleu à violet-violet peut ajouter une touche de mystère et suggérer la féminité. Il ajoute de la chaleur au bleu froid.

orange foncé avec des nuances de cyan

ledigitalpost / J. Ours

La sarcelle moyenne à foncée est un bleu proche du vert. Ici, différentes nuances de bleu moyen et de sarcelle sont combinées avec de l’orange brunâtre foncé.

En plus de ses propriétés apaisantes, cette nuance de bleu plus foncée peut véhiculer un symbolisme vert, tel que l’équilibre, l’harmonie et la stabilité. Il dégage un peu de chaleur et de dynamisme lorsqu’il est associé à un orange brun ou rougeâtre. Le brun est un neutre naturel et terreux. Le rouge et le cyan sont opposés sur la roue chromatique à contraste élevé, mais ils ne forment pas nécessairement une bonne combinaison. Passer du rouge à l’orange et au bleu foncé offre une palette de couleurs plus agréable.

Du plus foncé au plus clair, la couleur rouge-orange montrée pour chaque échantillon bleu dans l’image ci-dessus est :

• Rouge orangé profond : Hex #CD3700 | RVB 205,55,0
• Orange de cadmium : Hex #FF6103 | RVB 255,97,3
• Numéro : rouge hexadécimal #FF0000 | RVB 255,0,0 (mot-clé de couleur SVG/CSS rouge)

Les bleus sont :

1. Bleu roi profond : Hex #27408B | RVB 39,64,139
2. Bleu profond de l’espace : Hex #00688B | RVB 0,104,139 (non Mot-clé de couleur bleu ciel foncé)
3. Bleu ardoise profond : Hex #2F4F4F RVB 47,79,79 (non mot-clé de couleur darkslateblue)
4. Sarcelle: Hex #008B8B | RVB 0,139,139 (bord vert sur bleu)
5. Bleu manganèse : Hex #03A89E | RVB 3 168 158 (bleu turquoise)
6. Cyan (aqua): Hex #00FFFF | RVB 0,255,255 (mots-clés de couleur SVG cyan ou aqua ; bleu sarcelle)

bleu, rouge et jaune

ledigitalpost / J. Ours

La division d’un triplet complémentaire prend une couleur (le bleu dans ce cas), puis prend les couleurs de chaque côté du complément de cette couleur (couleur opposée sur la roue chromatique). Le complément du bleu pur est le jaune pur. Le bleu moyen est le contraire de l’orange. Selon la nuance de bleu avec laquelle vous commencez et le nombre de couleurs intermédiaires que vous passez, vous pouvez l’associer à des couleurs allant du rose à la chartreuse.

1. marine: Hex #000080 | RVB 0,0,128
2. Rouge vif : Hex #FE0004 | RVB 254,0,4
3. Jaune soleil : Hex #FFFB00 | RVB 255,251,0
4. Bleu ardoise profond : Hex #483D8B RVB 72,61,139 (mots-clés de couleur SVG bleu ardoise foncé ; bleu gris-violet)
5. Or: Hex #FFD700 | RVB 255 215,0 (mot-clé de couleur SVG or)
6. vert jaunâtre: Hex #7FFF00 | RVB 127,255,0
7. Sarcelle: Hex #008B8B | RVB 0,139,139 (bord vert sur bleu)
8. Fuchsia: Hex #D02090 | RVB 208,32,144
9. Orange sombre: Hex #C83200 | RVB 200,50,0 (non mot-clé de couleur orange foncé)

Les bleus plus foncés représentent l’importance, la confiance, le pouvoir, l’autorité, la sagesse, la stabilité, l’unité et le conservatisme. Le rouge est une autre couleur puissante, mais elle attire plus l’attention que le bleu. Le jaune ajoute de la luminosité et de la joie. L’utilisation de quantités égales de chaque couleur lui donnera un aspect enfantin (pensez aux couleurs primaires), comme dans l’exemple n°1.Cependant, si vous n’utilisez que de petites doses de rouges et de jaunes (ou à proximité) avec une prédominance de bleu foncé, c’est parfait pour les projets d’adultes que vous ne voulez pas montrer. et aussi Sérieuse.

Merci de nous en informer!

Dites-nous pourquoi !

D’autres détails ne sont pas assez difficiles à comprendre