ホームに戻る
Blog

カラーコード変換

HEX、RGB、HSLカラーコードを変換

カラー入力

#3B82F6

カラーフォーマット

HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)

コントラスト分析

サンプルテキスト
Ratio: 3.68:1 ❌ Poor
サンプルテキスト
Ratio: 5.71:1 ✅ WCAG AA
サンプルテキスト
Ratio: 1.07:1 ❌ Poor
WCAG AAでは通常テキストに4.5:1、大きいテキストに3:1が必要です

生成されたパレット

#052861
#0950C3
#3C83F6
#9EC1FA
#CEE0FD

色の名前

マテリアルデザインカラー

Frequently Asked Questions

What color formats can I convert between?

Our color converter supports HEX (#RRGGBB and #RGB shorthand), RGB, RGBA, HSL, HSLA, HSV/HSB, and CMYK. Enter a value in any format and all other formats update instantly.

What is the difference between HSL and HSV/HSB?

Both use Hue and Saturation, but differ in the third component. HSL (Lightness) models colors where 100% lightness is always white and 0% is always black. HSV/HSB (Value/Brightness) models how a color appears on a black background — 100% value is the full color, not white.

What is CMYK and when is it used?

CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive color model used in color printing. While RGB is for screens (additive light), CMYK represents how ink layers combine on paper. Graphic designers use CMYK values when preparing documents for print.