
HTML&CSS例
#000033前景
羊頭狗肉。
<p style="color: #003">…</p>
#000033背景
弱肉強食。
<p style="background-color: #003">…</p>
#000033テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #003">…</p>
色空間変換
- 十進
- 51
- 二進法
- 00000000, 00000000, 00110011
- 十六進法
- #000033/#003
- LRV
- ≈ 0.4%
- RGB
- rgb(0, 0, 51)
- RGBA
- rgba(0, 0, 51, 1.0)
- rg色度
- r: 0.000, g: 0.000, b: 1.000
- RYB
- 赤色: 0.000%, 黄色: 0.000%, 青色: 20.000%
- Android/android.graphics.Color
- -16777165/0xff000033
- HSL
- hsl(240, 100%, 10%)
- HSLA
- hsla(240, 100%, 10%, 1.0)
- HSV/HSB
- 色相: 240° (240.000), 飽和: 100% (1.000), 値: 20% (0.200)
- HSP
- 色相: 240.000, 飽和: 100.000%, 知覚される明るさ: 6.753%
- HSLuv(HUSL)
- H: 265.873, S: 100.019, L: 2.158
- Cubehelix
- H: -123.058, S: 4.199, L: 0.022
- TSL
- T: -2.951, S: 0.632, L: 0.023
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 80% (0.800)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 80% (0.800)
- XYZ
- X: 0.597, Y: 0.239, Z: 3.146
- xyY
- x: 0.150, y: 0.060, Y: 0.239
- Lab色空間
- L: 2.158, a: 15.166, b: -30.063
- CIELuv
- L: 2.158, u: -0.629, v: -8.710
- CIELCH/LCHab
- L: 2.158, C: 33.672, H: 296.770
- CIELUV/LCHuv
- L: 2.158, C: 8.733, H: 265.873
- Hunter-Lab
- L: 4.888, a: 13.259, b: -34.737
- CIECAM02
- J: 3.186, C: 34.037, h: 258.249, Q: 35.165, M: 29.765, s: 92.002, H: 310.179
- OSA-UCS
- 明度: -11.082, 黄色: -6.546, 緑色: 2.154
- LMS
- L: 0.029, M: 0.004, S: 3.099
- YCbCr
- Y: 20.998, Cb: 150.389, Cr: 124.379
- YCoCg
- Y: 12.750, Cg: -12.750, Co: -12.750
- YDbDr
- Y: 5.814, Db: 67.983, Dr: 11.067
- YPbPr
- Y: 3.672, Pb: 25.500, Pr: -2.346
- xvYCC
- Y: 19.154, Cb: 150.400, Cr: 125.939
- YIQ
- Y: 5.814, I: -16.384, Q: 15.868
- YUV
- Y: 5.814, U: 22.236, V: -5.101
- マンセルカラーシステム
- 5P 2/6 ΔE = 18.716
- ブランドカラー
- HootSuite ΔE = 20.092