
HTML&CSS例
#00c534前景
案ずるより産むが易し。
<p style="color: #00c534">…</p>
#00c534背景
我田引水。
<p style="background-color: #00c534">…</p>
#00c534テキストに影をつける
悪因悪果。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c534">…</p>
色空間変換
- 十進
- 50484
- 二進法
- 00000000, 11000101, 00110100
- 十六進法
- #00c534
- LRV
- ≈ 40.2%
- 最も近い短い16進数
- #0c3 ΔE = 2.347
- RGB
- rgb(0, 197, 52)
- RGBA
- rgba(0, 197, 52, 1.0)
- rg色度
- r: 0.000, g: 0.791, b: 0.209
- RYB
- 赤色: 0.000%, 黄色: 61.121%, 青色: 77.255%
- Android/android.graphics.Color
- -16726732/0xff00c534
- HSL
- hsl(136, 100%, 39%)
- HSLA
- hsla(136, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 136° (135.838), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 135.838, 飽和: 100.000%, 知覚される明るさ: 59.589%
- HSLuv(HUSL)
- H: 130.032, S: 100.019, L: 69.596
- Cubehelix
- H: -236.420, S: 1.252, L: 0.478
- TSL
- T: -0.739, S: 0.760, L: 0.477
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 74% (0.736), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 80% (0.796)
- XYZ
- X: 20.585, Y: 40.178, Z: 9.918
- xyY
- x: 0.291, y: 0.568, Y: 40.178
- Lab色空間
- L: 69.596, a: -68.683, b: 57.590
- CIELuv
- L: 69.596, u: -64.914, v: 77.275
- CIELCH/LCHab
- L: 69.596, C: 89.633, H: 140.020
- CIELUV/LCHuv
- L: 69.596, C: 100.922, H: 130.032
- Hunter-Lab
- L: 63.386, a: -52.957, b: 35.093
- CIECAM02
- J: 58.352, C: 80.881, h: 139.692, Q: 150.501, M: 70.729, s: 68.553, H: 174.298
- OSA-UCS
- 明度: -9.489, 黄色: 8.203, 緑色: 9.232
- LMS
- L: 30.734, M: 53.779, S: 10.362
- YCbCr
- Y: 120.384, Cb: 93.501, Cr: 51.812
- YCoCg
- Y: 111.500, Cg: 85.500, Co: -13.000
- YDbDr
- Y: 121.567, Db: -104.635, Dr: 231.136
- YPbPr
- Y: 144.599, Pb: -49.845, Pr: -91.830
- xvYCC
- Y: 140.185, Cb: 84.215, Cr: 47.334
- YIQ
- Y: 121.567, I: -70.773, Q: -86.771
- YUV
- Y: 121.567, U: -34.233, V: -106.654
- マンセルカラーシステム
- 10GY 7/10 ΔE = 8.718
- ブランドカラー
- ASDA ΔE = 3.163