カラー・デザイン
カラーピッカー、HEX/RGB/HSL変換、グラデーション生成、コントラストチェック。
100%オフライン
カラーピッカー＆変換ツール
HEX、RGB、HSL間の色変換とWCAGコントラストチェッカー
カラー・デザイン
100%オフライン
CSSグラデーション生成ツール
ライブプレビューとコード出力でCSSグラデーションを作成
カラー・デザイン
100%オフライン
カラー変換
HEX、RGB、HSL、HSV、CMYK形式間でカラーを変換
カラー・デザイン
100%オフライン
カラーパレット生成
ベースカラーから調和のとれたカラーパレットを生成
カラー・デザイン
100%オフライン
コントラストチェッカー
WCAGアクセシビリティ基準に基づくカラーコントラスト比を確認
カラー・デザイン
100%オフライン
カラーブレンド
2色を混ぜ合わせて中間色のステップを生成
カラー・デザイン
100%オフライン
カラーシェード生成
任意の色の明暗バリエーションを生成
カラー・デザイン
100%オフライン
Tailwindカラー検索
任意の色に最も近いTailwind CSSカラーを検索
カラー・デザイン
100%オフライン
CSSグラデーション生成
ライブプレビュー付きで美しいCSSグラデーションを作成
カラー・デザイン
100%オフライン
画像カラー抽出
画像からHEXコード付きでドミナントカラーを抽出
カラー・デザイン
100%オフライン
ランダムカラー生成
様々なモードでランダムカラーを生成
カラー・デザイン
100%オフライン
カラー名検索
任意のhex値から最も近いCSS名前付きカラーを検索
カラー・デザイン
100%オフライン
色覚シミュレーター
異なる色覚特性での色の見え方をシミュレーション
カラー・デザイン
100%オフライン
カラーホイール
ハーモニー計算付きインタラクティブカラーホイール
カラー・デザイン
100%オフライン
ブランドカラー
人気ブランドカラーのhexコード参照
カラー・デザイン
100%オフライン
New
Tailwind パレット生成
ベースカラーを選んで、知覚的に均一な OKLCH ステップで 11 シェードの Tailwind パレット（50-950）を取得。v3 config、v4 @theme、CSS 変数として出力可能。
カラー・デザイン