Glyph WidgetsGlyph Widgets
概要お問い合わせプライバシー利用規約Ko-fiでサポート

© 2026 Glyph Widgets. All rights reserved.

·

100%クライアントサイド処理

カラーコンバーター

最終更新: 2026年3月6日

HEX、RGB、HSL、HSB(HSV)、CMYKなど主要な形式間でカラーを即座に変換します。入力形式を自動検出し、すべての変換をリアルタイムで表示します。

機能

  • ▶HEX、RGB、HSL、HSB、CMYK間の変換
  • ▶入力カラーフォーマットの自動検出
  • ▶入力時のリアルタイム変換
  • ▶任意のフォーマットをクリップボードにコピー
  • ▶カラープレビューの視覚的表示
  • ▶読み込み後はオフラインで動作

使い方

1

色を入力

入力フィールドに任意のカラー値を入力または貼り付けてください。対応フォーマット:#FF5733、rgb(255, 87, 51)、hsl(10, 100%, 60%)。フォーマットは自動検出されます。

2

または視覚的にピック

カラーピッカーボタンを使用して視覚的に色を選択してください。正確な値がわからない場合やカラーオプションを探索したい場合に便利です。

3

すべてのフォーマットを表示

サポートされているすべてのフォーマット(HEX、RGB、HSL、HSB、CMYK)への即時変換を確認してください。各フォーマットはコピー準備が整った完全な値を表示します。

4

必要なものをコピー

任意のフォーマットの隣にあるコピーボタンをクリックしてクリップボードにコピーしてください。正確な数値制御で色を微調整するには調整値セクションを使用してください。

入力検出

コンバーターは入力を解析してカラーフォーマットを検出します。HEXコード(#の有無にかかわらず)、rgb()およびrgba()関数、hsl()およびhsla()関数を認識します。無効な入力は適切に無視されます。

中間フォーマットとしてのRGB

すべての変換はRGBを中間フォーマットとして使用します。入力はまずRGBに変換され、次にRGBがすべての出力フォーマットに変換されます。これにより、すべての変換で数学的な一貫性が確保されます。

HEX変換

HEXカラーはRGB値を16進数(基数16)で表します。各文字ペア(RR、GG、BB)は00からFF(10進数で0-255)の値を表します。変換は単に数値の基数間を切り替えるだけです。

HSL変換

RGBからHSLへの変換は次を計算します:カラーホイール上の支配的な色成分の位置から色相(0-360°)、RGB最小値と最大値の範囲から彩度、最小値と最大値の平均から明度。

CMYK変換

RGBからCMYKへの変換:K(黒)= 1 - max(R,G,B)、C = (1-R-K)/(1-K)、M = (1-G-K)/(1-K)、Y = (1-B-K)/(1-K)。これは数学的近似値であり、実際の印刷色はインクと紙の特性に依存します。

よくある質問

このツールは HEX(#RRGGBB)、RGB(赤、緑、青)、HSL(色相、彩度、明度)、HSB/HSV(色相、彩度、輝度)、CMYK(シアン、マゼンタ、イエロー、キー/ブラック)の間で変換します。

関連ツール

カラーピッカー

画面から色を選択

コントラストチェッカー

WCAG準拠をチェック

パレットジェネレーター

カラーパレットを生成

対応形式: HEX (#RRGGBB)、RGB、HSL、またはプレーンな16進値

#3B82F6
または視覚的に色を選択

All フォーマットs

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSBhsb(217, 76%, 96%)
CMYKcmyk(76%, 47%, 0%, 4%)
共有

Saved Presets is a Supporter feature.

Tool History is a Supporter feature.

Tool Notes is a Supporter feature.