
HTML&CSS例
#00c552前景
猫に小判。
<p style="color: #00c552">…</p>
#00c552背景
酔生夢死。
<p style="background-color: #00c552">…</p>
#00c552テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c552">…</p>
色空間変換
- 十進
- 50514
- 二進法
- 00000000, 11000101, 01010010
- 十六進法
- #00c552
- LRV
- ≈ 40.5%
- 最も近い短い16進数
- #0c5 ΔE = 2.316
- RGB
- rgb(0, 197, 82)
- RGBA
- rgba(0, 197, 82, 1.0)
- rg色度
- r: 0.000, g: 0.706, b: 0.294
- RYB
- 赤色: 0.000%, 黄色: 54.549%, 青色: 77.255%
- Android/android.graphics.Color
- -16726702/0xff00c552
- HSL
- hsl(145, 100%, 39%)
- HSLA
- hsla(145, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 145° (144.975), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 144.975, 飽和: 100.000%, 知覚される明るさ: 60.177%
- HSLuv(HUSL)
- H: 133.774, S: 100.019, L: 69.852
- Cubehelix
- H: -226.915, S: 1.182, L: 0.491
- TSL
- T: -0.896, S: 0.671, L: 0.490
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 58% (0.584), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 68% (0.678)
- XYZ
- X: 21.487, Y: 40.539, Z: 14.673
- xyY
- x: 0.280, y: 0.529, Y: 40.539
- Lab色空間
- L: 69.852, a: -65.458, b: 45.482
- CIELuv
- L: 69.852, u: -63.783, v: 66.574
- CIELCH/LCHab
- L: 69.852, C: 79.708, H: 145.208
- CIELUV/LCHuv
- L: 69.852, C: 92.197, H: 133.774
- Hunter-Lab
- L: 63.670, a: -51.183, b: 30.905
- CIECAM02
- J: 58.709, C: 71.356, h: 144.552, Q: 150.961, M: 62.400, s: 64.292, H: 179.824
- OSA-UCS
- 明度: -9.600, 黄色: 6.813, 緑色: 8.819
- LMS
- L: 30.778, M: 53.786, S: 15.045
- YCbCr
- Y: 123.324, Cb: 106.671, Cr: 49.682
- YCoCg
- Y: 119.000, Cg: 78.000, Co: -20.500
- YDbDr
- Y: 124.987, Db: -64.645, Dr: 237.646
- YPbPr
- Y: 146.759, Pb: -34.845, Pr: -93.210
- xvYCC
- Y: 142.040, Cb: 97.391, Cr: 46.121
- YIQ
- Y: 124.987, I: -80.411, Q: -77.437
- YUV
- Y: 124.987, U: -21.153, V: -109.654
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 6.766
- ブランドカラー
- ASDA ΔE = 5.765