
HTML&CSS例
#00c489前景
自業自得。
<p style="color: #00c489">…</p>
#00c489背景
蓼食う虫も好き好き。
<p style="background-color: #00c489">…</p>
#00c489テキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c489">…</p>
色空間変換
- 十進
- 50313
- 二進法
- 00000000, 11000100, 10001001
- 十六進法
- #00c489
- LRV
- ≈ 41.3%
- 最も近い短い16進数
- #0c8 ΔE = 3.062
- RGB
- rgb(0, 196, 137)
- RGBA
- rgba(0, 196, 137, 1.0)
- rg色度
- r: 0.000, g: 0.589, b: 0.411
- RYB
- 赤色: 0.000%, 黄色: 45.241%, 青色: 76.863%
- Android/android.graphics.Color
- -16726903/0xff00c489
- HSL
- hsl(162, 100%, 38%)
- HSLA
- hsla(162, 100%, 38%, 1.0)
- HSV/HSB
- 色相: 162° (161.939), 飽和: 100% (1.000), 値: 77% (0.769)
- HSP
- 色相: 161.939, 飽和: 100.000%, 知覚される明るさ: 61.620%
- HSLuv(HUSL)
- H: 150.326, S: 100.019, L: 70.374
- Cubehelix
- H: -207.501, S: 1.148, L: 0.513
- TSL
- T: -1.191, S: 0.563, L: 0.512
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 30% (0.301), キー・プレート: 23% (0.231)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.231), 黄色: 46% (0.463)
- XYZ
- X: 24.252, Y: 41.283, Z: 30.352
- xyY
- x: 0.253, y: 0.431, Y: 41.283
- Lab色空間
- L: 70.374, a: -55.166, b: 18.271
- CIELuv
- L: 70.374, u: -60.173, v: 34.285
- CIELCH/LCHab
- L: 70.374, C: 58.113, H: 161.675
- CIELUV/LCHuv
- L: 70.374, C: 69.255, H: 150.326
- Hunter-Lab
- L: 64.252, a: -45.064, b: 16.968
- CIECAM02
- J: 59.410, C: 54.622, h: 162.741, Q: 151.859, M: 47.766, s: 56.084, H: 198.569
- OSA-UCS
- 明度: -9.836, 黄色: 3.048, 緑色: 7.770
- LMS
- L: 30.578, M: 53.199, S: 30.483
- YCbCr
- Y: 128.210, Cb: 131.107, Cr: 46.145
- YCoCg
- Y: 132.250, Cg: 63.750, Co: -34.250
- YDbDr
- Y: 130.670, Db: 9.553, Dr: 248.465
- YPbPr
- Y: 150.004, Pb: -6.960, Pr: -95.286
- xvYCC
- Y: 144.827, Cb: 121.886, Cr: 44.298
- YIQ
- Y: 130.670, I: -97.806, Q: -59.802
- YUV
- Y: 130.670, U: 3.115, V: -114.639
- マンセルカラーシステム
- 5G 7/10 ΔE = 4.267
- ブランドカラー
- Vine ΔE = 11.099