状態を確認できませんでした。
カラーピッカーツール
このツールについて
色の一覧、パレット、数値入力から色を選び、複数の色形式をまとめて確認・コピーできます。
色の一覧から選ぶ
表示されている色を選ぶと、すべての色の値が切り替わります。さらに細かく調整する場合は、下のパレットや数値を使用してください。
色を選ぶ
選択中の色
色の値を変更できます。
色の値
HEX
HEX8
RGB
RGBA
HSL
HSLA
HSV / HSB
CMYK（概算）
使い方ガイド カラーピッカーツール
色を選んで、必要な形式でコピー。
色の一覧、パレット、数値入力から好みの色を選べます。透明度も調整でき、HEXやRGBなど複数の形式をまとめて確認できるので、Webや資料の色指定に役立ちます。
使い方
- STEP 01
色を選ぶ
色の一覧から選ぶか、パレットと色相で色味を調整します。既に色の値が分かっている場合は、対応する入力欄へ入力してください。
- STEP 02
透明度と見え方を確認する
透明度を調整し、「透明度あり」「透明度なし」の表示を見比べます。白文字・黒文字を重ねた表示例も確認してください。
- STEP 03
必要な形式でコピーする
利用先に合う形式のコピーボタンを押します。数値を変更すると、ほかの色形式の表示も切り替わります。
色形式の選び方
- HEX・HEX8
- HEXは色を、HEX8は透明度も含めて表します。利用先が8桁の色コードに対応しているか確認してください。
- RGB・RGBA
- 赤・緑・青の値で表し、RGBAは透明度も含みます。
- HSL・HSLA
- 色相・彩度・明度で表します。HSLAでは透明度も指定できます。
- HSV / HSB
- 色相・彩度・明るさで表す形式です。利用するソフトの入力方式に合わせて使います。
- CMYK（概算）
- 画面上の色から計算した目安です。実際のインクや用紙、印刷設定を再現する値ではありません。
HEXの欄で指定した色を確認し、RGB入力が必要なアプリにはRGBの値をコピーして使えます。
こんな場面で役立ちます
Webの色指定
背景やボタンの色を選びます。
資料作り
既存の色コードを別の形式で確認します。
透過色の検討
透明度を変えて重なりの見え方を検討します。
処理とデータの扱い
色の選択と数値の変換はブラウザ内で行います。選択した色を利用先へ渡すには、各形式のコピーボタンを使ってください。
よくある質問
画面の色をスポイトで取得できますか？
このツールは色の選択・調整と値の変換用です。画面上から色を取得する場合はWebスポイトツールを利用してください。
CMYKの値で同じ色に印刷できますか？
印刷色は保証されません。概算値として使い、入稿先の指定や実際の印刷見本で確認してください。
透明度を変えるとHEXも変わりますか？
透明度を含めて指定したい場合はHEX8・RGBA・HSLAを使ってください。通常のHEXやRGBだけでは透明度は表せません。
色が別の画面で違って見えるのは？
画面の明るさや色設定、背景色によって見え方が異なります。使用する環境でも確認してください。
