12 種類の青の色合い (+ HEXコード)
明るい青から深い青まで、すべての青の色合いを探索しましょう！HEXコード、色名、青のカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
青はソフトウェアで最も使われ、ブランドで最も信頼される色です。嫌う人がほとんどいないことも理由の一つで、後退して見えるため背景にも向きます。
難点は冷たさです。温かい差し色を足すか、少し緑を含む青を選ぶと親しみが出ます。
- titan white#ebebff
- periwinkle#d2d2ff
- melrose#babaff
- malibu#8989ff
- cornflower blue#7070ff
- dodger blue#5858ff
- blue ribbon#4040ff
- blue#2727ff
- dark blue#0000dd
- navy blue#000094
- stratos#00004a
- black russian#00001a
青: HEX & RGB コード
青 の主なカラーコードは以下のとおりです:
HEX: #ebebff
RGB: (235, 235, 255).
インタラクティブなカラーピッカーを使って、さまざまな 青 の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
青のティントを探索する
Titan White
#ebebff
Titan White
#ebebff
Titan White
#f0f0ff
Titan White
#f0f0ff
Titan White
#f5f5ff
Titan White
#f5f5ff
Titan White
#f5f5ff
Titan White
#fafaff
Titan White
#fafaff
White
#ffffff
青のシェードを探索する
Violet
#090934
Bunting
#15154c
Cloud Burst
#252565
East Bay
#3b3b81
Butterfly Bush
#55559b
Wild Blue Yonder
#7474b4
Blue Bell
#9494cc
Periwinkle Gray
#bdbde5
青のHEX・RGB・HSL・CMYK
| HEX | #0000FF | |
|---|---|---|
| RGB | rgb(0, 0, 255) | |
| HSL | hsl(240, 100%, 50%) | |
| CMYK | cmyk(100%, 100%, 0%, 0%) |
青の明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#2727ff
#4e4eff
#7575ff
#9c9cff
#c4c4ff
#ebebff
暗い方向
#0000d8
#0000b1
#00008a
#000063
#00003b
#000014
青と相性のよい色
補色
#0000FF #ffff00
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#007fff #0000FF #7f00ff
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#0000FF #ff0000 #00ff00
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
青の上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
青のシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。