Color Picker

#800080

purple
ピッカー
HEX
R
G
B
画像をアップロード

色コード

HEX
HSL
RGB
XYZ
CMYK
LAB
LCH
HSV

色のバリエーションと組み合わせ

選択色のティント(純白を加える)とシェード/影(純黒を加える)を、10% 刻みで分かりやすく表示します。

暗いトーン

0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%

明るいトーン

0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%

配色ハーモニー

色相環上の位置にもとづいて色相を選び、見た目に心地よい組み合わせを作ります。ハーモニーごとに異なる美しさがあります。

補色

色相環で正反対(180°)にある色を組み合わせ、強いコントラストの印象を作ります。

スプリット補色

ベースカラーに、その補色の両隣の 2 色を組み合わせます(反対の色相から約 30°)。標準的な補色ペアより柔軟で、強いコントラストが得られます。

トライアド

色相環で 120° 間隔に等配された 3 色を使います。最良の結果には 1 色を主役にし、他をアクセントにします。

類似色

明度と彩度が近い 3 色を色相環上で 30° 間隔に配置する配色です。滑らかで調和の取れたトランジションを生み出します。

単色

同一の色相バリエーションを使用し、明度を ±50% 調整します。控えめで一貫性のある見た目です。

テトラディック

60° 間隔の 2 組の補色ペアを組み合わせ、動きがありバランスの良いパレットを作ります.

トレンドカラーをもっと見る