
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le bleu ciel ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le bleu ciel pour inspirer votre prochain design.
Le bleu ciel est une nuance de bleu apaisante et fraîche avec des nuances subtiles de vert. Il évoque la sérénité d'un ciel sans nuages. Situé entre le bleu et le vert sur la roue chromatique, le bleu ciel est une couleur rafraîchissante aux qualités apaisantes et rêveuses.

Le bleu ciel 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 : #82C8E5
- Valeur RGB : 51 % rouge, 78,4 % vert, et 89,8 % 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 bleu ciel dans vos designs :
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 frais que le bleu ciel, considérez :
Pour compléter le bleu ciel, envisagez de l'associer avec :
D'autres couleurs à considérer incluent la mimosa pour un contraste vibrant et énergisant, le violet foncé pour une esthétique raffinée et royale, ou le gris canon pour ancrer la luminosité du bleu ciel.
Bien que le bleu ciel soit frais, il peut jurer avec :
Le bleu ciel incarne la paix et la sérénité. Avec son doux mélange de bleu et de blanc, cette couleur évoque la tranquillité d'une belle journée. Le bleu ciel est souvent considéré comme une couleur optimiste, évoquant des cieux clairs et des mers ouvertes.
En psychologie des couleurs, le bleu ciel inspire la loyauté, la confiance et l'innovation. Il est également apaisant et peut inspirer des sentiments de relaxation et d'espoir.
Dans le design d'interface, le bleu ciel peut être une couleur de fond efficace pour encourager la concentration et la relaxation. Vous pouvez également l'associer à des couleurs vives similaires pour inspirer la créativité. Créer un contraste avec le bleu ciel peut améliorer la lisibilité dans une palette agréable et rafraîchissante.
La première utilisation enregistrée du bleu ciel remonte à 1681, se référant à la couleur d'un ciel clair. Bien que ce soit la première fois que le terme apparaisse, la couleur du ciel a probablement captivé les cultures humaines bien plus longtemps.
Lorsque les colorants synthétiques ont émergé au XIXe siècle, les nuances de bleu, comme le bleu ciel, sont devenues plus populaires dans les vêtements, l'art et les textiles. Aujourd'hui, le bleu ciel est une couleur prédominante dans l'art, la technologie, le sport et le design d'intérieur.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Bain de glace
Horizon chaud
Océan indie
Contraste 1,85
#82C8E5
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 11,34
#82C8E5
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #82c8e5, connue sous le nom de Bleu ciel, a des valeurs RVB de R:130, G:200, B:229 et des valeurs CMJN de C:43, M:13, Y:0, K:10.
| VALUE | CSS | |
|---|---|---|
| HEX | #82c8e5 | #82c8e5 |
| RGB DECIMAL | 130, 200, 229 | RGB(130,200,229) |
| RGB PERCENTAGE | 51.0, 78.4, 89.8 | RGB(51.0%,78.4%,89.8%) |
| CMYK | 43, 13, 0, 10 | |
| HSL | HSL(197.6, 65.6%, 70.4%) | HSL(197.6, 65.6%, 70.4%) |
| HSV (OR HSB) | 197.6°, 43.2, 89.8 | |
| WEB SAFE | #153204204 | #153204204 |
| BINARY | 10000010, 11001000, 11100101 | |
| iOS - SwiftUI | Color(red: 0.510, green: 0.784, blue: 0.898) | |
| iOS - UIKit | UIColor(red: 0.510, green: 0.784, blue: 0.898, alpha: 1) | |
| Android - Compose | Color(0xFF82C8E5) |

Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le bleu ciel ?

Explorez les nuances douces du vert d’eau.

Découvrez la couleur gris.