すべてのツール

カラーピッカー

色を選んで、色コードと相性のよい色を表示します。

ブラウザ内で処理 · 送信しません色

色を選ぶ

よく使う色
細かく選ぶ
212°

選んだ色

#0067DF
パレットから
最近の色

カラーコード

HEX #0067DF
RGB rgb(0, 103, 223)
HSL hsl(212.3, 100%, 43.7%)
HWB hwb(212.3 0% 12.5%)
OKLCH oklch(53.88% 0.2001 258.07)
OKLab oklab(53.88% -0.0414 -0.1958)
Lab lab(44.51% 12.66 -69.32)
LCH lch(44.51% 70.47 280.35)
CMYK cmyk(100%, 54%, 0%, 13%)
CSS の色名 royalblue（近い色：#4169E1）

文字の読みやすさ

白の文字
5.24: 1AA 合格AAA 不合格
黒の文字
4.00: 1AA 不合格AAA 不合格大きな文字なら AA 合格

関連する色

補色

#0067DF選んだ色
#DF7800+180°

分裂補色

#0067DF選んだ色
#DF0800+150°
#D7DF00−150°

類似色

#00D7DF−30°
#0067DF選んだ色
#0800DF+30°

トライアド

#0067DF選んだ色
#DF0067+120°
#67DF00−120°

テトラード

#0067DF選んだ色
#DF00D7+90°
#DF7800+180°
#00DF08−90°

明るさの段階

#CCE4FFL 90%
#99C8FFL 80%
#66ADFFL 70%
#3391FFL 60%
#0076FFL 50%
#0067DF選んだ色
#004799L 30%
#002F66L 20%
#001833L 10%

更新履歴

すべてのお知らせ
新しいツールカラーピッカーを公開しました

関連ツール

画像注釈画像に図形や文字を書き込み、モザイクや切り抜きもできます。画像形式変換画像の形式や大きさを変え、位置情報なども消せます。画像比較2 枚の画像を重ねて、違いを 1 ピクセル単位で示します。