HEX カラーピッカー
見た目で色を選び、HEXコードをRGB、HSL、CMYKと一緒にワンクリックでコピーできます。
ファイルはお使いのデバイスから外に出ません完全無料
#FF3D72
hex 入力
結果 · HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
使い方: HEX カラーピッカー
- 1
色を入力する
カラーコードを入力するか、カラーピッカーで色を選びます。各フィールドには表示されている形式で入力できます。
- 2
変換結果を確認する
入力と同時に結果が更新され、色のライブプレビューも表示されます。
- 3
コードをコピーする
必要な値をワンクリックでコピーし、デザインや CSS、印刷設定に貼り付けます。
HEXカラーコードについて
HEXカラーコードは、RGBカラーを16進数で表したものです。#の後に、赤・緑・青を表す00〜FFの2桁の数字が3組続きます。#000000は黒、#FFFFFFは白、#FF0000は純粋な赤です。大文字・小文字は区別されず、短縮形の#F0Cは#FF00CCと同じ意味になります。HEXは、CSS、HTML、Figmaなどのデザインソフトで色を書く最も一般的な方法です。
カラーダイアログを開いて目で見ながら色を選ぶか、3桁または6桁のコードを入力して見た目を確認しましょう。HEXの結果はそのまま貼り付けられる大文字で表示され、同じ色のRGB、HSL、HSV、CMYKも一覧で表示されます。ブランドカラーの記録、スタイルシートのコードの確認、気に入った色の正確な値の取得にお使いください。
すべての処理はブラウザ内で完結します。画像がサーバーにアップロードされることはありません。