16進数RGB値, 反転色, 補色, 省略型, 10進数RGB値, パーセントRGB値, カラーネーム, HSL(HLS/HSI), CMYK, を表示し、
アルファ(alpha)・グレースケール(grayscale)のプレビューも行えます。
RGB値 | Color name | CSS3 | プレビュー | CSS4 | ||||||
---|---|---|---|---|---|---|---|---|---|---|
実際の色表示 | 16進数 | 省略 | 反転色 | 補色 | 10進数 | 16進数より表現色が少ない(整数で約103万色)ので、 完全互換ではありませんが近い色になります。 (小数点以下の指定も可能ですが整数のみ表示していますので、 完全一致時以外では maybe と表示します。 パーセントを直接指定した場合でも 16進数と整合性が取れない値は全て maybe となります) パーセント | カラーネーム | 16進数より表現色が少ない(整数で約367万色) ので完全互換ではありませんが近い色になります。HSL | alpha,gray | RGBと完全互換の関係にありません。CSS4で紹介されている簡易変換にて算出されたものです。 また、CMYKからの変換は、一度RGBへ変換後にCMYKへ変換している為値が同じになりません。CMYK |
#ff0000 | #f00 | #00ffff | #00ffff | 255,0,0 | 100%,0%,0% | red (html3.2) | 0,100%,50% | 0%,100%,100%,0% | ||
#ffa500 | #005aff | #005aff | 255,165,0 | 100%,65%,0% | orange (css2) | 39,100%,50% | 0%,35%,100%,0% | |||
#ffff00 | #ff0 | #0000ff | #0000ff | 255,255,0 | 100%,100%,0% | yellow (html3.2) | 60,100%,50% | 0%,0%,100%,0% | ||
#008000 | #ff7fff | #800080 | 0,128,0 | 0%,50%,0% | green (html3.2) | 120,100%,25% | 100%,0%,100%,50% | |||
#00ffff | #0ff | #ff0000 | #ff0000 | 0,255,255 | 0%,100%,100% | aqua (html3.2) cyan (css3) | 180,100%,50% | 100%,0%,0%,0% | ||
#0000ff | #00f | #ffff00 | #ffff00 | 0,0,255 | 0%,0%,100% | blue (html3.2) | 240,100%,50% | 100%,100%,0%,0% | ||
#800080 | #7fff7f | #008000 | 128,0,128 | 50%,0%,50% | purple (html3.2) | 300,100%,25% | 0%,100%,0%,50% |