
HTML&CSS例
#00c523前景
弱肉強食。
<p style="color: #00c523">…</p>
#00c523背景
十人十色。
<p style="background-color: #00c523">…</p>
#00c523テキストに影をつける
知らぬが仏。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c523">…</p>
色空間変換
- 十進
- 50467
- 二進法
- 00000000, 11000101, 00100011
- 十六進法
- #00c523
- LRV
- ≈ 40.1%
- 最も近い短い16進数
- #0c2 ΔE = 2.326
- RGB
- rgb(0, 197, 35)
- RGBA
- rgba(0, 197, 35, 1.0)
- rg色度
- r: 0.000, g: 0.849, b: 0.151
- RYB
- 赤色: 0.000%, 黄色: 65.600%, 青色: 77.255%
- Android/android.graphics.Color
- -16726749/0xff00c523
- HSL
- hsl(131, 100%, 39%)
- HSLA
- hsla(131, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 131° (130.660), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 130.660, 飽和: 100.000%, 知覚される明るさ: 59.371%
- HSLuv(HUSL)
- H: 128.828, S: 100.019, L: 69.506
- Cubehelix
- H: -241.291, S: 1.307, L: 0.471
- TSL
- T: -0.651, S: 0.824, L: 0.469
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 82% (0.822), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 86% (0.863)
- XYZ
- X: 20.268, Y: 40.051, Z: 8.252
- xyY
- x: 0.296, y: 0.584, Y: 40.051
- Lab色空間
- L: 69.506, a: -69.842, b: 62.786
- CIELuv
- L: 69.506, u: -65.328, v: 81.170
- CIELCH/LCHab
- L: 69.506, C: 93.914, H: 138.045
- CIELUV/LCHuv
- L: 69.506, C: 104.194, H: 128.828
- Hunter-Lab
- L: 63.286, a: -53.583, b: 36.569
- CIECAM02
- J: 58.219, C: 85.248, h: 138.011, Q: 150.329, M: 74.548, s: 70.420, H: 172.330
- OSA-UCS
- 明度: -9.443, 黄色: 8.734, 緑色: 9.394
- LMS
- L: 30.718, M: 53.776, S: 8.721
- YCbCr
- Y: 118.718, Cb: 86.038, Cr: 53.019
- YCoCg
- Y: 107.250, Cg: 89.750, Co: -8.750
- YDbDr
- Y: 119.629, Db: -127.296, Dr: 227.447
- YPbPr
- Y: 143.375, Pb: -58.345, Pr: -91.048
- xvYCC
- Y: 139.134, Cb: 76.748, Cr: 48.021
- YIQ
- Y: 119.629, I: -65.311, Q: -92.061
- YUV
- Y: 119.629, U: -41.645, V: -104.953
- マンセルカラーシステム
- 10GY 6/12 ΔE = 9.178
- ブランドカラー
- ASDA ΔE = 2.918