DevToolBox無料
ブログ

カラーコンバーター

HEX、RGB、HSL、CMYK間でカラーを変換。ライブプレビュー付き。

カラー値を入力して変換をクリック

無料オンラインカラーコンバーター

HEX、RGB、HSL、CMYK間でカラーを即座に変換します。

カラーの変換方法

  1. カラー値を入力
  2. 変換をクリック
  3. 全フォーマットが自動更新
  4. 値をコピー

よくある質問

対応フォーマットは？
HEX、RGB、HSL、CMYKに対応。自動検出機能付き。
RGBとCMYKの違いは？
RGBは加法混色（画面用）、CMYKは減法混色（印刷用）。
CSSではHEXかRGBか？
HEXはコンパクト、RGBは柔軟、HSLは直感的。すべてCSSで有効。
CMYK変換は正確？
数学的近似です。実際の印刷色は異なる場合があります。
カラーピッカーは使える？
はい。クリックして視覚的に色を選択できます。

関連ツール

𝕏 Twitterin LinkedIn

このツールを評価

4.5 / 5 · 119 件の評価

その他のツール

🎨Hex→RGB変換ツール🎨カラーパレットジェネレーター🎨Color Name to Hex ConverterTWTailwind CSSカラー

Recommended

VercelDeploy your frontend instantlyGitHub CopilotAI pair programming

最新情報を受け取る

毎週の開発ヒントと新ツール情報。

スパムなし。いつでも解除可能。

Enjoy these free tools?

☕Buy Me a Coffee

How to Use

  1. Enter a color value in any format (HEX, RGB, or HSL)
  2. All other formats update automatically in real-time
  3. Use the color picker for visual selection
  4. Copy any color format with the copy button

Common Use Cases

  • Converting design specs between formats
  • Finding HEX values for CSS styling
  • Adjusting colors with HSL for hue/saturation tweaks
  • Matching brand colors across tools

Frequently Asked Questions

What color formats are supported?
This tool supports HEX (e.g., #FF5733), RGB (e.g., rgb(255,87,51)), and HSL (e.g., hsl(11,100%,60%)) formats.
What's the difference between HEX, RGB, and HSL?
HEX uses hexadecimal notation. RGB defines colors by red, green, blue values (0-255). HSL uses hue (0-360), saturation, and lightness percentages.
Can I use the color picker?
Yes. Use the built-in color picker to visually select a color, and all format values will update automatically.