
HTML&CSS例
#00cc66前景
見ぬが花。
<p style="color: #0c6">…</p>
#00cc66背景
起死回生。
<p style="background-color: #0c6">…</p>
#00cc66テキストに影をつける
猫に小判。
<p style="text-shadow: 0.1em 0.1em 0.15em #0c6">…</p>
色空間変換
- 十進
- 52326
- 二進法
- 00000000, 11001100, 01100110
- 十六進法
- #00cc66/#0c6
- LRV
- ≈ 44.1%
- RGB
- rgb(0, 204, 102)
- RGBA
- rgba(0, 204, 102, 1.0)
- rg色度
- r: 0.000, g: 0.667, b: 0.333
- RYB
- 赤色: 0.000%, 黄色: 53.333%, 青色: 80.000%
- Android/android.graphics.Color
- -16724890/0xff00cc66
- HSL
- hsl(150, 100%, 40%)
- HSLA
- hsla(150, 100%, 40%, 1.0)
- HSV/HSB
- 色相: 150° (150.000), 飽和: 100% (1.000), 値: 80% (0.800)
- HSP
- 色相: 150.000, 飽和: 100.000%, 知覚される明るさ: 62.763%
- HSLuv(HUSL)
- H: 136.989, S: 100.019, L: 72.323
- Cubehelix
- H: -221.296, S: 1.202, L: 0.516
- TSL
- T: -0.984, S: 0.632, L: 0.515
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 50% (0.500), キー・プレート: 20% (0.200)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 20% (0.200), 黄色: 60% (0.600)
- XYZ
- X: 23.989, Y: 44.142, Z: 19.824
- xyY
- x: 0.273, y: 0.502, Y: 44.142
- Lab色空間
- L: 72.323, a: -64.723, b: 38.927
- CIELuv
- L: 72.323, u: -65.007, v: 60.644
- CIELCH/LCHab
- L: 72.323, C: 75.527, H: 148.975
- CIELUV/LCHuv
- L: 72.323, C: 88.902, H: 136.989
- Hunter-Lab
- L: 66.439, a: -51.819, b: 28.817
- CIECAM02
- J: 61.551, C: 67.387, h: 148.428, Q: 154.572, M: 58.929, s: 61.745, H: 184.065
- OSA-UCS
- 明度: -9.669, 黄色: 6.003, 緑色: 8.769
- LMS
- L: 33.323, M: 58.173, S: 20.167
- YCbCr
- Y: 128.812, Cb: 113.414, Cr: 45.686
- YCoCg
- Y: 127.500, Cg: 76.500, Co: -25.500
- YDbDr
- Y: 131.376, Db: -44.166, Dr: 249.798
- YPbPr
- Y: 153.204, Pb: -27.540, Pr: -97.308
- xvYCC
- Y: 147.575, Cb: 103.808, Cr: 42.522
- YIQ
- Y: 131.376, I: -88.757, Q: -74.873
- YUV
- Y: 131.376, U: -14.455, V: -115.259
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 4.886
- ブランドカラー
- ASDA ΔE = 7.535