カラー

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

HEX/RGB/HSL変換、カラーパレット生成、コントラスト比チェック、CSSグラデーション生成をまとめたカラー総合ツールです。Web制作やデザインにご利用いただけます。

グラスモーフィズム生成（Glassmorphism）｜無料Webツール集

すりガラスのような美しい透明感・ぼかし・浮遊感をリアルタイムで調整。CSSとTailwind CSS両対応のコードを即生成します。

画像色覚シミュレーター（CUD画像検証ツール）

アップロードした画像を1型・2型・3型色覚の視点で詳細にシミュレート。カラーユニバーサルデザインを検証します。

日本の伝統色検索ツール

日本の伝統色を色名・かな・カラーコード・系統から検索できるツールです。

ニューモーフィズム生成（Neumorphism）｜無料Webツール集

光と影で立体感を表現するニューモーフィズムを、直感的なスライダーで美しく生成。CSSとTailwind CSS両対応のコードを即座に出力します。

OKLCH カラーピッカー＆変換ツール｜無料Webツール集

次世代の色空間「OKLCH」を直感的に操作。Lightness・Chroma・Hueを調整して、美しく正確な色を生成し、HEX / RGB / HSL / Tailwind対応コードに即変換します。

フォト・グラデーション・ジェネレーター

画像から美しい色を抽出し、自然なCSSグラデーションを自動生成します。写真の雰囲気をそのままWebデザインに活用。

配色黄金比（70:25:5）ジェネレーター

メインカラー1色からWebデザインの黄金比を自動算出。WCAG準拠のコントラスト判定を最優先に確認できる実戦向け配色ツールです。

Shades & Tints 生成（明度・暗度スケール）｜無料Webツール集

1つのベースカラーから、Tints（明るい色）とShades（暗い色）の11段階スケールを美しく一括生成。デザイン・UI制作に最適なカラーパレット作成ツールです。

Tailwind カラースケール生成（OKLCH対応）｜無料Webツール集

Tailwind CSS v4対応！ベースカラーを選んでOKLCHで美しい50〜950スケールを生成。Chroma/Hue調整可能。JSON、CSS変数、@theme記法まで即出力します。

色覚シミュレーター（カラーユニバーサルデザイン確認）

指定した色が色覚多様性（1型、2型、3型）の方にどのように見えるかをシミュレートするWebツールです。Webアクセシビリティの確保にご利用ください。