カラー総合ツール（変換・パレット・コントラスト・グラデーション）

このツールでは、カラーコード変換、カラーパレット生成、コントラスト比チェック、CSSグラデーション生成などができます。
Web制作・デザイン作業にお役立てください。

「カラー変換」では HEX / RGB / HSL を相互変換できます。
「パレット生成」では補色・類似色などの配色を自動生成できます。
「コントラスト比」では背景色と文字色の視認性を確認できます。
「グラデーション」では CSS のグラデーションコードを生成できます。

カラーコード変換（HEX / RGB / HSL）

HEX

RGB

HSL

カラーピッカー

カラーパレット生成

基準色（HEX）

カラーピッカー

生成されたパレット

コントラスト比チェック（WCAG）

背景色（HEX）

文字色（HEX）

CSS グラデーション生成

色1

色2

CSSコード