
HTML&CSS例
#00c511前景
猫に小判。
<p style="color: #00c511">…</p>
#00c511背景
二兎を追う者は一兎をも得ず。
<p style="background-color: #00c511">…</p>
#00c511テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c511">…</p>
色空間変換
- 十進
- 50449
- 二進法
- 00000000, 11000101, 00010001
- 十六進法
- #00c511
- LRV
- ≈ 40.0%
- 最も近い短い16進数
- #0c1 ΔE = 2.311
- RGB
- rgb(0, 197, 17)
- RGBA
- rgba(0, 197, 17, 1.0)
- rg色度
- r: 0.000, g: 0.921, b: 0.079
- RYB
- 赤色: 0.000%, 黄色: 71.118%, 青色: 77.255%
- Android/android.graphics.Color
- -16726767/0xff00c511
- HSL
- hsl(125, 100%, 39%)
- HSLA
- hsla(125, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 125° (125.178), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 125.178, 飽和: 100.000%, 知覚される明るさ: 59.232%
- HSLuv(HUSL)
- H: 128.087, S: 100.019, L: 69.448
- Cubehelix
- H: -246.005, S: 1.375, L: 0.463
- TSL
- T: -0.561, S: 0.906, L: 0.461
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 91% (0.914), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 93% (0.933)
- XYZ
- X: 20.066, Y: 39.970, Z: 7.188
- xyY
- x: 0.298, y: 0.595, Y: 39.970
- Lab色空間
- L: 69.448, a: -70.590, b: 66.495
- CIELuv
- L: 69.448, u: -65.598, v: 83.700
- CIELCH/LCHab
- L: 69.448, C: 96.977, H: 136.711
- CIELUV/LCHuv
- L: 69.448, C: 106.343, H: 128.087
- Hunter-Lab
- L: 63.222, a: -53.984, b: 37.515
- CIECAM02
- J: 58.130, C: 88.454, h: 136.932, Q: 150.214, M: 77.351, s: 71.759, H: 171.050
- OSA-UCS
- 明度: -9.411, 黄色: 9.087, 緑色: 9.504
- LMS
- L: 30.708, M: 53.775, S: 7.672
- YCbCr
- Y: 116.954, Cb: 78.136, Cr: 54.297
- YCoCg
- Y: 102.750, Cg: 94.250, Co: -4.250
- YDbDr
- Y: 117.577, Db: -151.290, Dr: 223.541
- YPbPr
- Y: 142.079, Pb: -67.345, Pr: -90.220
- xvYCC
- Y: 138.021, Cb: 68.842, Cr: 48.748
- YIQ
- Y: 117.577, I: -59.529, Q: -97.661
- YUV
- Y: 117.577, U: -49.493, V: -103.153
- マンセルカラーシステム
- 10GY 6/12 ΔE = 9.244
- ブランドカラー
- ASDA ΔE = 3.222