RGB HEX変換ツール
RGB、HEX、HSL、CMYKのカラーコードを変換。ライブカラープレビュー付き。無料で即座に変換。
RGB Input
HEX Input
Format: #RRGGBB or #RGB
RGB
rgb(211, 51, 51)
rgb(211, 51, 51)
HEX
#D33333
#D33333
HSL
hsl(0, 65%, 51%)
hsl(0, 65%, 51%)
CMYK
cmyk(0%, 76%, 76%, 17%)
cmyk(0%, 76%, 76%, 17%)
About RGB to HEX Converter
RGB、HEX、HSL、CMYKのカラースペースを瞬時に変換。RGBスライダーを調整するか、HEX値を入力するだけで、すべての表現がリアルタイムで更新され、ライブカラープレビューが表示されます。
4つのカラースペース
RGB、HEX、HSL、CMYKで色を同時に表示。Webデザイナー、印刷デザイナー、開発者に最適です。
ライブカラープレビュー
100x100のカラースウォッチが、スライダーを調整したり値を入力したりするとリアルタイムで更新されます。作業中の色を正確に確認できます。
RGBスライダー
数値入力またはレンジスライダーで、赤、緑、青のチャンネルを微調整。各チャンネルは0〜255の値。
HEXショートカット
任意のHEXカラーコード（#RRGGBBまたは#RGBの短縮形）を入力すると、RGB、HSL、CMYKの等価値が即座に表示されます。
How It Works
- Adjust the RGB sliders — Use the R, G, and B sliders or type values directly to pick a color.
- Or enter a HEX code — Type a hex color like #FF6600 or shorthand like #F60.
- Watch the preview update — The color swatch changes instantly to match your input.
- Read all conversions — RGB, HEX, HSL, and CMYK values are displayed in a clean grid.
- Copy any value — Click any color code to copy it to your clipboard for use in your project.