
HTML&CSS例
#00c823前景
蓼食う虫も好き好き。
<p style="color: #00c823">…</p>
#00c823背景
蛙の子は蛙。
<p style="background-color: #00c823">…</p>
#00c823テキストに影をつける
井の中の蛙大海を知らず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c823">…</p>
色空間変換
- 十進
- 51235
- 二進法
- 00000000, 11001000, 00100011
- 十六進法
- #00c823
- LRV
- ≈ 41.4%
- 最も近い短い16進数
- #0c2 ΔE = 1.332
- RGB
- rgb(0, 200, 35)
- RGBA
- rgba(0, 200, 35, 1.0)
- rg色度
- r: 0.000, g: 0.851, b: 0.149
- RYB
- 赤色: 0.000%, 黄色: 66.750%, 青色: 78.431%
- Android/android.graphics.Color
- -16725981/0xff00c823
- HSL
- hsl(130, 100%, 39%)
- HSLA
- hsla(130, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 130° (130.500), 飽和: 100% (1.000), 値: 78% (0.784)
- HSP
- 色相: 130.500, 飽和: 100.000%, 知覚される明るさ: 60.269%
- HSLuv(HUSL)
- H: 128.791, S: 100.019, L: 70.474
- Cubehelix
- H: -241.435, S: 1.327, L: 0.478
- TSL
- T: -0.649, S: 0.826, L: 0.476
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 82% (0.825), キー・プレート: 22% (0.216)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.216), 黄色: 86% (0.863)
- XYZ
- X: 20.956, Y: 41.427, Z: 8.482
- xyY
- x: 0.296, y: 0.585, Y: 41.427
- Lab色空間
- L: 70.474, a: -70.672, b: 63.678
- CIELuv
- L: 70.474, u: -66.255, v: 82.431
- CIELCH/LCHab
- L: 70.474, C: 95.129, H: 137.980
- CIELUV/LCHuv
- L: 70.474, C: 105.757, H: 128.791
- Hunter-Lab
- L: 64.364, a: -54.519, b: 37.242
- CIECAM02
- J: 59.305, C: 86.194, h: 137.955, Q: 151.724, M: 75.376, s: 70.484, H: 172.263
- OSA-UCS
- 明度: -9.441, 黄色: 8.850, 緑色: 9.506
- LMS
- L: 31.776, M: 55.629, S: 8.967
- YCbCr
- Y: 120.230, Cb: 85.165, Cr: 51.915
- YCoCg
- Y: 108.750, Cg: 91.250, Co: -8.750
- YDbDr
- Y: 121.390, Db: -129.945, Dr: 230.795
- YPbPr
- Y: 145.520, Pb: -59.500, Pr: -92.410
- xvYCC
- Y: 140.976, Cb: 75.733, Cr: 46.824
- YIQ
- Y: 121.390, I: -66.135, Q: -93.628
- YUV
- Y: 121.390, U: -42.512, V: -106.498
- マンセルカラーシステム
- 10GY 7/10 ΔE = 9.394
- ブランドカラー
- ASDA ΔE = 2.098