
HTML&CSS例
#00c810前景
案ずるより産むが易し。
<p style="color: #00c810">…</p>
#00c810背景
自業自得。
<p style="background-color: #00c810">…</p>
#00c810テキストに影をつける
弱肉強食。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c810">…</p>
色空間変換
- 十進
- 51216
- 二進法
- 00000000, 11001000, 00010000
- 十六進法
- #00c810
- LRV
- ≈ 41.3%
- 最も近い短い16進数
- #0c1 ΔE = 1.316
- RGB
- rgb(0, 200, 16)
- RGBA
- rgba(0, 200, 16, 1.0)
- rg色度
- r: 0.000, g: 0.926, b: 0.074
- RYB
- 赤色: 0.000%, 黄色: 72.622%, 青色: 78.431%
- Android/android.graphics.Color
- -16726000/0xff00c810
- HSL
- hsl(125, 100%, 39%)
- HSLA
- hsla(125, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 125° (124.800), 飽和: 100% (1.000), 値: 78% (0.784)
- HSP
- 色相: 124.800, 飽和: 100.000%, 知覚される明るさ: 60.128%
- HSLuv(HUSL)
- H: 128.048, S: 100.019, L: 70.416
- Cubehelix
- H: -246.313, S: 1.398, L: 0.470
- TSL
- T: -0.555, S: 0.912, L: 0.468
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 92% (0.920), キー・プレート: 22% (0.216)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.216), 黄色: 94% (0.937)
- XYZ
- X: 20.746, Y: 41.343, Z: 7.377
- xyY
- x: 0.299, y: 0.595, Y: 41.343
- Lab色空間
- L: 70.416, a: -71.432, b: 67.460
- CIELuv
- L: 70.416, u: -66.529, v: 85.007
- CIELCH/LCHab
- L: 70.416, C: 98.252, H: 136.638
- CIELUV/LCHuv
- L: 70.416, C: 107.946, H: 128.048
- Hunter-Lab
- L: 64.299, a: -54.928, b: 38.207
- CIECAM02
- J: 59.214, C: 89.461, h: 136.872, Q: 151.608, M: 78.232, s: 71.834, H: 170.978
- OSA-UCS
- 明度: -9.409, 黄色: 9.209, 緑色: 9.618
- LMS
- L: 31.766, M: 55.628, S: 7.879
- YCbCr
- Y: 118.368, Cb: 76.824, Cr: 53.264
- YCoCg
- Y: 104.000, Cg: 96.000, Co: -4.000
- YDbDr
- Y: 119.224, Db: -155.272, Dr: 226.672
- YPbPr
- Y: 144.152, Pb: -69.000, Pr: -91.536
- xvYCC
- Y: 139.801, Cb: 67.388, Cr: 47.592
- YIQ
- Y: 119.224, I: -60.031, Q: -99.540
- YUV
- Y: 119.224, U: -50.796, V: -104.598
- マンセルカラーシステム
- 10GY 7/10 ΔE = 10.009
- ブランドカラー
- ASDA ΔE = 2.566