
HTML&CSS例
#00c509前景
案ずるより産むが易し。
<p style="color: #00c509">…</p>
#00c509背景
弱肉強食。
<p style="background-color: #00c509">…</p>
#00c509テキストに影をつける
七転び八起き。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c509">…</p>
色空間変換
- 十進
- 50441
- 二進法
- 00000000, 11000101, 00001001
- 十六進法
- #00c509
- LRV
- ≈ 39.9%
- 最も近い短い16進数
- #0c1 ΔE = 2.307
- RGB
- rgb(0, 197, 9)
- RGBA
- rgba(0, 197, 9, 1.0)
- rg色度
- r: 0.000, g: 0.956, b: 0.044
- RYB
- 赤色: 0.000%, 黄色: 73.880%, 青色: 77.255%
- Android/android.graphics.Color
- -16726775/0xff00c509
- HSL
- hsl(123, 100%, 39%)
- HSLA
- hsla(123, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 123° (122.741), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 122.741, 飽和: 100.000%, 知覚される明るさ: 59.202%
- HSLuv(HUSL)
- H: 127.900, S: 100.019, L: 69.434
- Cubehelix
- H: -247.954, S: 1.408, L: 0.460
- TSL
- T: -0.522, S: 0.948, L: 0.458
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 95% (0.954), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 96% (0.965)
- XYZ
- X: 20.014, Y: 39.950, Z: 6.915
- xyY
- x: 0.299, y: 0.597, Y: 39.950
- Lab色空間
- L: 69.434, a: -70.783, b: 67.506
- CIELuv
- L: 69.434, u: -65.668, v: 84.354
- CIELCH/LCHab
- L: 69.434, C: 97.812, H: 136.357
- CIELUV/LCHuv
- L: 69.434, C: 106.901, H: 127.900
- Hunter-Lab
- L: 63.206, a: -54.087, b: 37.758
- CIECAM02
- J: 58.107, C: 89.340, h: 136.653, Q: 150.184, M: 78.126, s: 72.125, H: 170.718
- OSA-UCS
- 明度: -9.402, 黄色: 9.179, 緑色: 9.533
- LMS
- L: 30.706, M: 53.775, S: 7.403
- YCbCr
- Y: 116.170, Cb: 74.624, Cr: 54.865
- YCoCg
- Y: 100.750, Cg: 96.250, Co: -2.250
- YDbDr
- Y: 116.665, Db: -161.954, Dr: 221.805
- YPbPr
- Y: 141.503, Pb: -71.345, Pr: -89.852
- xvYCC
- Y: 137.526, Cb: 65.328, Cr: 49.071
- YIQ
- Y: 116.665, I: -56.959, Q: -100.150
- YUV
- Y: 116.665, U: -52.981, V: -102.353
- マンセルカラーシステム
- 10GY 6/12 ΔE = 9.287
- ブランドカラー
- ASDA ΔE = 3.362