カラーツール

HEXからRGBコンバーター

HEXカラーコードを瞬時にRGB値に変換。プレビューパネルでライブ表示。

🎨 Color Tools

RGBからHEXへの変換ツール

スライダーとリアルタイムプレビューを使用して、RGBカラー値をHEXコードに変換します。

🎨 Color Tools

HEXからHSL変換ツール

HEXカラーコードをHSL（色相、彩度、明度）値に変換します。

🎨 Color Tools

HSLからHEXへのコンバータ

インタラクティブなスライダーを使ってHSLカラー値をHEXコードに変換します。

🎨 Color Tools

RGBからHSLコンバーター

インタラクティブなスライダーでRGB値をHSL色形式に変換します。

🎨 Color Tools

HSLからRGBへの変換ツール

インタラクティブなスライダーとリアルタイムプレビューでHSL値をRGBに変換します。

🎨 Color Tools

RGBからCMYK変換ツール

RGBデジタルカラーを印刷用のCMYK値に変換します。プレビュー機能付き。

🎨 Color Tools

CMYKからRGBコンバーター

印刷用のCMYK値をリアルタイムプレビューでスクリーン用のRGBカラーに変換します。

🎨 Color Tools

HEXからCMYKへの変換ツール

ウェブデザインの印刷準備に必要なHEXカラーコードをCMYKプリント値に変換します。

🎨 Color Tools

カラーネームからHEX

140以上のCSS命名色を検索してプレビューできるHEXコードを見つけることができます。

🎨 Color Tools

HEXからパンティーンへの変換ツール

任意のHEXコードに最も近いパンティーン色を見つけることができます。

🎨 Color Tools

カラーピッカー

HEX、RGB、HSL、CMYK形式の出力に対応したインタラクティブなカラーピッカー。

🎨 Color Tools

ランダムカラージェネレーター

任意のスタイル制約（パステル、ビブリッド、ウォームなど）を指定してランダムな色を生成します。

🎨 Color Tools

モノクロマティックパレットジェネレーター

任意のベースカラーからモノクロマティックな色彩パレットを生成します。

🎨 Color Tools

補足色ジェネレーター

明るいバリエーションと暗いバリエーションの補足色のペアを生成します。

🎨 Color Tools

三角色彩スキーム

ホイール上で120°離れた3つの色を持つ三角色彩スキームを生成します。

🎨 Color Tools

テトラディックカラースキーム

4色からなるテトラディック（長方形）カラースキームを生成します。色は90°ずつ離れています。

🎨 Color Tools

スプリット補完色方式

調整可能なスプリット角度でスプリット補完パレットを生成します。

🎨 Color Tools

類似色スキーム

調整可能な角度と数の類似色パレットを生成します。

🎨 Color Tools

カラーハーモニーウィール

5つのハーモニータイプとビジュアル選択機能を備えたインタラクティブな色輪。

🎨 Color Tools

線形グラデーション生成ツール

カスタム色、角度、色の停止を使用したCSS線形グラデーションを作成します。

🎨 Color Tools

放射グラデーションジェネレーター

カスタムの形状、位置、および色を持つCSS放射グラデーションを作成します。

🎨 Color Tools

コニックグラデーションジェネレーター

パイチャート、カラーホイール、スウィープ効果用のCSSコニックグラデーションを作成します。

🎨 Color Tools

色のシャデーゲネレーター

任意の色を指定したステップ数で暗くすることができます。

🎨 Color Tools

カラーティントジェネレーター

任意の色を指定したステップ数で明るくするティントを生成します。

🎨 Color Tools

カラーミキサー

2つの色を任意の比率で混合し、グラデーション全体を見てみましょう。

🎨 Color Tools

コントラスト比チェッカー

前景色と背景色の間のWCAGコントラスト比を確認します。

🎨 Color Tools

アクセシブルパレットジェネレーター

WCAGのコントラスト要件を満たすカラーパレットを生成します。

🎨 Color Tools

ブランドカラーパレット

50以上の人気ブランドやテクノロジー企業の公式カラーパレットを閲覧できます。

🎨 Color Tools

色覚異常シミュレーター

さまざまなタイプの色覚障害を持つ人々が色をどのように認識するかをシミュレートします。

🎨 Color Tools

カラーパレット抽出ツール

アップロードした画像から、主な色とアクセントカラーを含むフルカラーパレットを抽出します。

🎨 Color Tools

カラーコードに合わせたCSSフィルタージェネレーター

明るさ、コントラスト、色相回転などを使用して対象のカラーに合ったCSSフィルター値を生成します。

🎨 Color Tools

Tailwind カラーファインダー

任意のHEXコードに最も近いTailwind CSSカラークラスを見つける。

🎨 Color Tools

マテリアルデザインカラー

すべてのシェードやアクセントを含む、マテリアルデザインの完全なカラーパレットを閲覧します。

🎨 Color Tools

iOS & Android システムカラー

iOS Human Interface と Android Material Design のシステムカラーを参照します。

🎨 Color Tools

カラーよりCSS変数へ

一連の色をCSSカスタムプロパティ（変数）に変換します。

🎨 Color Tools

カラースペースビジュアライザー

HEX、RGB、HSL、HSV、CMYKをバー図で視覚化するカラースペースビジュアライザーツール。

🎨 Color Tools

CSS

140+ CSS , ,.

🎨 Color Tools

RALからHEXへの変換ツール

業界で使用されているRAL Classic色規格のHEXコードを検索します。

🎨 Color Tools

色温度スケール

ケルビンでの暖色から冷色までの色温度スケールを視覚化します。

🎨 Color Tools

ピクセルから色を抽出

アップロードした画像の特定のピクセルから色を選択します。

🎨 Color Tools

写真からパレットを生成

アップロードした任意の写真から完全なカラーパレットを生成します。

🎨 Color Tools