{{color}} — カラー情報

HEX:
{{color}}
RGB:
{{toRGBStr(colornohash)}}
HSL:
{{toHSL(colornohash)}}
CMYK:
{{toCMYK(colornohash)}}
HSV:
{{toHSV(colornohash)}}
XYZ:
{{toXYZ(colornohash)}}
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}}

読みやすさ

ツール

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

パスワードをお忘れの方

登録時に使用したEメールアドレスを入力すると、パスワードの変更方法をお知らせします。

新規アカウント登録

パスワードが一致しない

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

メッシュグラデーションジェネレーターと新しいメッシュライブラリを追加しました。これにより、美しい抽象的なグラデーションを作成し、ダウンロードし、そのCSSコードをコピーし、個人ダッシュボードに保存し、公共ライブラリに追加できます。

近日中に放射状グラデーションジェネレーターを追加します!

メッシュグラデーション