カラーピッカー・カラーコード変換ツール
カラーパレットから色を選びHEX、RGB、HSLコードを取得・換算します。
概要:カラーパレットで選択した色のカラーコード（HEX・RGB・HSL）を表示・変換します。
RGB representation:
rgb(26, 60, 94)
HSL representation:
hsl(210, 57%, 24%)
Embed this Tool on Your Website
Copy this code snippet to add the カラーピッカー・カラーコード変換ツール to your blog or website for free. It adjusts dynamically to mobile and desktop screens.
Share This Tool
使い方 — カラーピッカー・カラーコード変換ツール
1. カラーパレット上をクリックして色を選択します。
2. HEX / RGB / HSL / CMYK の各表示コードを「コピー」します。
仕組み — カラーピッカー・カラーコード変換ツール
色空間変換アルゴリズムを用いてリアルタイムで数値を相互変換します。
計算式:HEX = #RRGGBB | RGB = rgb(r,g,b) | HSL = hsl(h,s%,l%)
計算例:
真っ赤な色は HEX: #FF0000 、 RGB: rgb(255, 0, 0) と表現されます。
よくある質問
WEB制作で標準のHEX（16進数）、RGB、HSL、HSV、および印刷用のCMYKの相互変換に対応し、CSSコードを即座に生成します。
「#」に続く6桁の16進数（0〜9、A〜F）で構成され、2桁ずつ順に赤（R）、緑（G）、青（B）の光の強さを表します（例：#3B82F6）。
RGBはPCやスマホのディスプレイ用の光の三原色（加法混色）です。CMYKは印刷機のインク（シアン・マゼンタ・イエロー・黒）による減法混色です。
はい。透明度スライダーで0（完全透明）から1（不透明）まで調整し、RGBAやHSLAのCSS指定コードを直接取得できます。
ワンクリックでクリップボードにコピーできるボタンを備えており、CSSスタイルシートやTailwind CSSにそのまま貼り付け可能です。
