カラーピッカー
色を選択して、あらゆる一般的な記法に変換します — HEX、RGB、RGBA、HSL、HSLA、HSV/HSB、CMYK — コード、デザインツール、印刷で使用します。
入力
色を選択するか、16進値を直接入力してください。
出力
| フォーマット | 値 |
|---|---|
| No data yet | |
このツールを使う他の方法
REST API
curl -X POST https://api.iotools.cloud/v1/tool/color-picker \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"color": "#FF0000"
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `color-picker` tool (Color Picker) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/color-picker/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="カラーピッカー — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
| API/MCP 1回あたりの費用 | 5クレジットから |
|---|---|
| クレジットが足りませんか? | 料金を見る |
次の方法でも利用可能
ガイド
カラーピッカーを使用すると、任意の色を選択して、コード、デザインツール、または印刷に必要なあらゆる表記法で即座に表示できます：HEX、RGB、RGBA、HSL、HSLA、HSV/HSB、CMYK。ネイティブのカラースウォッチで色合いを選択するか、HEX値を直接入力すると、作業中に変換テーブルがリアルタイムで更新されます。
なぜこんなに多くの形式がある？
異なるツールとファイル形式は異なる表記法で色を期待し、変換なしに互換性はありません：
- HEX (
#464AFF) はウェブ上のほぼすべての場所で使用されるショートハンドです — CSS、HTML、デザインツール。 - RGB (
rgb(70, 74, 255)) と RGBA (アルファ/不透明度チャネル付き) は、CSS、Canvas API、およびほとんどのグラフィックスライブラリがフードの下で操作する値です。 - HSL (
hsl(239, 100%, 64%)) と HSLA は色を色相、彩度、明度として説明します — 手動で色を調整するための最も直感的なモデルです（「少し明るくする」はLを上げるだけ）。デザインシステムとCSS カスタムプロパティで一般的です。 - HSV/HSB (色相、彩度、値/明度) は、Photoshop や GIMP などの画像エディタのほとんどのカラーピッカーで使用されているモデルです。
- CMYK (シアン、マゼンタ、イエロー、キー/ブラック) は印刷製造で使用される減色モデルです — デザインをプリンタに送付している場合、プリンタは RGB ではなく CMYK を要求します。
7つすべてを並べて持つことは、1つの形式の色が必要で別の形式に変換する必要がある場合、別のコンバーターを探す必要がないことを意味します。
使い方
- カラースウォッチをクリックしてブラウザのネイティブカラーピッカーを開くか、HEX コード（先頭に
#ありまたはなし）をフィールドに直接入力します。 - テーブルが即座に更新され、HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK 表記法で同じ色が表示されます。
- テーブルの任意の行の値をコピーするか、出力カードのコピー/ダウンロード操作を使用してテーブル全体を CSV として取得します。
3桁のショートハンド HEX (#abc) と 6桁の完全な HEX (#aabbcc) の両方が受け入れられます。ショートハンドは変換前にその 6桁の同等物に正規化されます。
FAQ
同じ色に対して HSV と HSL の割合が異なるのはなぜですか？ HSL と HSV は同じ RGB 値から構築された 2 つの異なる数学モデルです — 色相角は共有していますが、彩度の計算方法が異なり、HSL の「明度」は HSV の「値/明度」軸と同じではありません。両方とも有効です。どちらが必要かは、どのツールまたは仕様に一致させるかによります。
CMYK が概算である理由は何ですか？
RGB → CMYK 変換は標準的なナイーブ公式を使用します（K = 1 - max(R,G,B)/255、その後 C/M/Y を導出）— ほとんどのオンラインコンバーターで使用されるのと同じベースラインです。実際の印刷出力は、プリンターのインクプロファイルと用紙の種類にも依存するため、CMYK 値は厳密な印刷一致ではなく、近い見積もりとして扱ってください。
RGBA/HSLA のアルファチャネルは何かを意味しますか？
ピッカーは常に完全な不透明度 (1) を出力します。プレーンなカラースウォッチには透明性の概念がないためです — RGBA/HSLA 行は、特定のアルファ値が必要な場合に編集する準備ができた正しい構文を提供するだけです。
プライバシー
すべての色変換はブラウザで局所的に行われます — 選択した色はサーバーに送信されたり、どこにも記録されたりしません。