{{color}} — カラー情報

HEX:

RGB:

HSL:

CMYK:

HSV:

XYZ:

Web-Safe:

#{{safeColor(colornohash)}}

Temperature:

{{temperature(color)}} °K

カラーコンバーター

ティント

ベースカラーに白を加えて明るくしたもの。パステル調の色合いになる。

#{{color}}

トーン

ベースとなる色にグレーを加えて明るくしたもの。ベースカラーよりも複雑な印象になります。

#{{color}}

シェード

ベースカラーに黒を加え、より濃くしたもの。陰影が豊かな印象になります。

#{{color}}

トーンジェネレータ

カラーコンビネーション

Complementary

補色を向かい合わせに。相反する2つの色。

#{{color}}

Split Complementary

メインカラーと、反対側のメインカラーのエッジに横たわるもう2色。

#{{color}}

Triadic

カラーホイール上の等距離にある3色の組み合わせのこと。

#{{color}}

Tetradic

正方形や長方形を形成する際に、2組の補色の組み合わせのこと。

#{{color}}

Analogus-complementary

カラーホイール上の反対色とその隣りの色の組み合わせのこと。

#{{color}}

Analogus

カラーホイール上で隣り合う4色の組み合わせ。

#{{color}}

読みやすさ

文字色・背景色ジェネレーター

ツール

{{color}} — カラー情報

ティント

トーン

シェード

カラーコンビネーション

Complementary

Split Complementary

Triadic

Tetradic

Analogus-complementary

Analogus

読みやすさ

ツール

こんにちは、お久しぶりです。

パスワードをお忘れの方

新規アカウント登録

メッシュグラデーションをご覧ください

こんにちは、
お久しぶりです。