Comment concevoir avec du bleu et des couleurs complémentaires

Table des matières:

Comment concevoir avec du bleu et des couleurs complémentaires
Comment concevoir avec du bleu et des couleurs complémentaires
Anonim

Le bleu est l'une des couleurs les plus couramment utilisées dans la conception de sites Web. L'utilisation d'un bleu moyen à foncé favorise une sensation de détente que les concepteurs peuvent compléter avec du jaune et de l'orange.

Voici quelques façons dont le bleu peut fonctionner avec d'autres couleurs.

Les contraires s'attirent et le bleu va bien avec l'orange

Image
Image

Envisagez de combiner les couleurs bleues et orange dans un jeu de couleurs complémentaires.

Du plus foncé au plus clair, les oranges affichées avec chaque échantillon bleu dans l'image ci-dessus sont:

  • Hex FFA500 | RVB 255, 165, 0 (un orange doré; 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 (un orange foncé)
  • Chiffres: Hex FF7F27 | RVB 255, 127, 39 (un 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 bleu 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 (un bleu moyen)
  4. Bleu Acier: Hex 4682B4 | RVB 70, 130, 180 (mot-clé de couleur SVG bleu acier; un bleu d'entreprise)
  5. Hex: 0080FF | RVB 0, 128, 255 (un bleu moyen)
  6. Bleu clair: Hex ADD8E6 | RVB 173, 216, 230 (mot-clé de couleur SVG bleu clair)

Les bleus foncés et les nuances de bleu moyennes symbolisent l'importance, la confiance, le pouvoir, l'intelligence, la stabilité, l'unité et le conservatisme. En ajoutant un peu d'orange à votre palette à prédominance bleu foncé, vous introduisez de la chaleur et de l'énergie qui peuvent empêcher votre palette d'être trop guindée ou accablante.

Vous n'êtes pas obligé d'utiliser ces nuances exactes. Allez un peu plus clair ou plus foncé, ou avancez d'un point vers la gauche ou vers la droite sur la roue chromatique. Ces combinaisons de couleurs vous aident à trouver une palette de couleurs appropriée en utilisant le bleu et l'orange comme composants principaux.

Mélanger Deep Blues avec Golden Yellow

Image
Image

Prenez des bleus foncés presque violets et ajoutez une touche de jaune soleil dans une palette de couleurs complémentaires.

Le bleu est une couleur froide qui se réchauffe à mesure que vous ajoutez les tons violacés, tandis que 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 en quantités égales. Égayez votre bleu avec une touche de jaune (ou calmez votre jaune avec une touche de bleu).

Du plus foncé au plus clair, le jaune affiché avec chaque nuance bleue dans l'image ci-dessus est:

  • Cadium Jaune: Hex FF9912 | RVB 255, 153, 18 (un jaune chaud et brunâtre)
  • Or: Hex FFD700 | RVB 255, 215, 0 (mot-clé couleur SVG or)
  • Chiffres: Hex FFFF00 | RVB 255, 255, 0 (mot-clé de couleur SVG/CSS jaune)

Les bleus sont:

  1. Very Dark Blue: Hex 000033 | RVB 0, 0, 51 (un navigateur bleu foncé sans danger)
  2. Midnight Blue: Hex 191970 | RVB 25, 25, 112 (mot clé de couleur SVG bleu minuit)
  3. Dark Slate Blue: Hex 483D8B RVB 72, 61, 139 (mot-clé de couleur SVG darkslateblue; un bleu gris-violet)
  4. Indigo: Hex 4B0082 | RVB 75, 0, 130 (mot-clé de couleur SVG indigo; un bleu violacé)
  5. Bleu Violet: Hex 8A2BE2 | RVB 138, 43, 226 (mot-clé de couleur SVG bleu-violet)
  6. Cob alt Blue: Hex 3D59AB | RVB 61, 89, 171

Les couleurs qui poussent vers le côté violet-violet du bleu peuvent ajouter une touche de mystère, des notes de féminité. Il ajoute de la chaleur au bleu froid.

Nuances de cyan avec orange foncé

Image
Image

Le cyan moyen à foncé est bleu à la limite du vert. Ici, diverses nuances de bleu moyen et de cyan sont associées à des couleurs orange brunâtre foncé.

En plus de ses attributs apaisants, cette nuance de bleu plus foncée pourrait véhiculer le symbolisme du vert, comme l'équilibre, l'harmonie et la stabilité. Il procure un peu de chaleur et d'énergie lorsqu'il est associé à des nuances d'orange brunâtre ou rougeâtre. Le marron est une couleur neutre naturelle et terre-à-terre. Le rouge et le cyan sont opposés sur la roue chromatique avec un contraste élevé, mais ils ne forment pas nécessairement une excellente combinaison. Passer du rouge à l'orange et aux bleus plus foncés offre une palette plus agréable.

Du plus foncé au plus clair, le rouge-orange affiché avec chaque nuance bleue dans l'image ci-dessus est:

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

Les bleus sont:

  1. Bleu royal foncé: Hex 27408B | RVB 39, 64, 139
  2. Deep Sky Blue: Hex 00688B | RVB 0, 104, 139 (not mot-clé de couleur deepskyblue)
  3. Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not couleur mot-clé darkslateblue)
  4. Cyan foncé: Hex 008B8B | RVB 0, 139, 139 (le côté le plus vert du bleu)
  5. Bleu manganèse: Hex 03A89E | RVB 3, 168, 158 (une couleur bleu turquoise)
  6. Cyan (Aqua): Hex 00FFFF | RVB 0, 255, 255 (mot-clé de couleur SVG cyan ou aqua; une couleur bleu-vert)

Bleu, Rouge et Jaune

Image
Image

Un trièdre complémentaire divisé prend une couleur (dans ce cas, le bleu) puis saisit 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 opposé à l'orange. En fonction de la nuance de bleu avec laquelle vous commencez et du nombre de couleurs intermédiaires que vous passez, vous pouvez l'associer à des couleurs allant du rouge rosé au vert jaune.

  1. Marine: Hex 000080 | RVB 0, 0, 128
  2. Rouge Vif: Hex FE0004 | RVB 254, 0, 4
  3. Jaune ensoleillé: Hex FFFB00 | RVB 255, 251, 0
  4. Dark Slate Blue: Hex 483D8B RVB 72, 61, 139 (clé de couleur SVG bleu ardoise foncé; un bleu gris-violet)
  5. Or: Hex FFD700 | RVB 255, 215, 0 (mot-clé couleur SVG or)
  6. Chartreuse: Hex 7FFF00 | RVB 127, 255, 0
  7. Cyan foncé: Hex 008B8B | RVB 0, 139, 139 (le côté le plus vert du bleu)
  8. Violet-Rouge: Hex D02090 | RVB 208, 32, 144
  9. Orange foncé: Hex C83200 | RVB 200, 50, 0 (not mot-clé de couleur orange foncé)

Les nuances de bleu plus foncées indiquent l'importance, la confiance, le pouvoir, l'autorité, l'intelligence, la stabilité, l'unité et le conservatisme. Le rouge est une autre couleur puissante, mais elle attire davantage l'attention que le bleu. Le jaune ajoute de la luminosité et de la joie. L'utilisation de quantités égales de chaque couleur le rendrait enfantin (pensez aux couleurs primaires), comme dans l'exemple n ° 1. Cependant, si vous n'utilisez que de petites doses de rouge et de jaune (ou de couleurs proches) avec un jeu de couleurs principalement bleu foncé, cela convient parfaitement aux projets pour adultes que vous ne voulez pas paraître trop sérieux.

Conseillé: