ツール
無料・即時・すべてブラウザ内で動作します。
色変換
HEX · RGB · HSL · OKLCH · Lab · CMYK
すべて見るWCAG コントラスト
比率と AA/AAA 判定
すべて見る色覚シミュレーション
1型 / 2型 / 3型
すべて見る画像から色を抽出
画像からローカルに色を抽出
すべて見るCSS グラデーション
知覚的一様なグラデーション
すべて見る配色生成
任意の色からハーモニーを生成
すべて見る混色
Lab / OKLCH での多色混合
すべて見るΔE 色差
CIELAB ΔE76 と OKLCH 距離
すべて見る一括変換
色のリストを一括変換
すべて見るRAL マッピング
RAL ↔ HEX / OKLCH
すべて見るカラースケール生成
任意の色から 50–950 の色階と CSS を出力
すべて見る近似色検索
HEX を伝統色・Tailwind・Material・RAL に照合
すべて見る伝統色の配色
季節・五行・調和でアジアの伝統色を生成
すべて見るコントラストマトリクス
色リストの N×N WCAG マトリクス
すべて見る色覚パレット検査
配色をシミュレートし紛らわしい組を検出
すべて見るメッシュグラデーション
放射状グラデーションを重ねて CSS / SVG 出力
すべて見るデザインシステムの配色
1つの基準色からフレームワーク用の色階とトークンを生成。
Material Design トーン
M3 トーンパレットとカラーロール
すべて見るTailwind CSS パレット
50–950 のユーティリティ色階を生成
すべて見るUnoCSS パレット
アトミック CSS の色階
すべて見るPanda CSS トークン
Panda CSS 用トークンオブジェクト
すべて見るVanilla Extract テーマ
テーマ契約と CSS 変数
すべて見るStyleX トークン
StyleX 用デザイントークン
すべて見るBootstrap パレット
テーマカラーとセマンティックトークン
すべて見るAnt Design パレット
1–10 シェードのプリセットパレット
すべて見るOpen Color
オープンソースの UI カラースキーム
すべて見るChakra UI パレット
50–950 のテーマカラースケール
すべて見るRadix Colors
アプリ UI 向け 12 段階スケール
すべて見るFluent UI ブランドカラー
Microsoft ブランドランプ 10–160
すべて見るPrimer パレット
GitHub デザインシステムのトークン
すべて見るPolaris パレット
Shopify 管理画面のカラートークン
すべて見る