
HTML&CSS例
#00c568前景
花より団子。
<p style="color: #00c568">…</p>
#00c568背景
酔生夢死。
<p style="background-color: #00c568">…</p>
#00c568テキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c568">…</p>
色空間変換
- 十進
- 50536
- 二進法
- 00000000, 11000101, 01101000
- 十六進法
- #00c568
- LRV
- ≈ 40.9%
- 最も近い短い16進数
- #0c6 ΔE = 2.557
- RGB
- rgb(0, 197, 104)
- RGBA
- rgba(0, 197, 104, 1.0)
- rg色度
- r: 0.000, g: 0.654, b: 0.346
- RYB
- 赤色: 0.000%, 黄色: 50.562%, 青色: 77.255%
- Android/android.graphics.Color
- -16726680/0xff00c568
- HSL
- hsl(152, 100%, 39%)
- HSLA
- hsla(152, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 152° (151.675), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 151.675, 飽和: 100.000%, 知覚される明るさ: 60.770%
- HSLuv(HUSL)
- H: 138.380, S: 100.019, L: 70.126
- Cubehelix
- H: -219.382, S: 1.154, L: 0.501
- TSL
- T: -1.013, S: 0.621, L: 0.500
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 47% (0.472), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 59% (0.592)
- XYZ
- X: 22.463, Y: 40.929, Z: 19.810
- xyY
- x: 0.270, y: 0.492, Y: 40.929
- Lab色空間
- L: 70.126, a: -62.101, b: 35.165
- CIELuv
- L: 70.126, u: -62.640, v: 55.654
- CIELCH/LCHab
- L: 70.126, C: 71.366, H: 150.479
- CIELUV/LCHuv
- L: 70.126, C: 83.793, H: 138.380
- Hunter-Lab
- L: 63.976, a: -49.284, b: 26.424
- CIECAM02
- J: 59.069, C: 64.129, h: 150.046, Q: 151.423, M: 56.080, s: 60.857, H: 185.794
- OSA-UCS
- 明度: -9.693, 黄色: 5.479, 緑色: 8.440
- LMS
- L: 30.827, M: 53.793, S: 20.105
- YCbCr
- Y: 125.480, Cb: 116.329, Cr: 48.120
- YCoCg
- Y: 124.500, Cg: 72.500, Co: -26.000
- YDbDr
- Y: 127.495, Db: -35.319, Dr: 242.420
- YPbPr
- Y: 148.343, Pb: -23.845, Pr: -94.222
- xvYCC
- Y: 143.400, Cb: 107.054, Cr: 45.232
- YIQ
- Y: 127.495, I: -87.479, Q: -70.592
- YUV
- Y: 127.495, U: -11.561, V: -111.854
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 4.581
- ブランドカラー
- ASDA ΔE = 8.784