
HTML&CSS例
#54c247前景
十人十色。
<p style="color: #54c247">…</p>
#54c247背景
起死回生。
<p style="background-color: #54c247">…</p>
#54c247テキストに影をつける
海千山千。
<p style="text-shadow: 0.1em 0.1em 0.15em #54c247">…</p>
色空間変換
- 十進
- 5554759
- 二進法
- 01010100, 11000010, 01000111
- 十六進法
- #54c247
- LRV
- ≈ 40.9%
- 最も近い短い16進数
- #5b4 ΔE = 2.317
- RGB
- rgb(84, 194, 71)
- RGBA
- rgba(84, 194, 71, 1.0)
- rg色度
- r: 0.241, g: 0.556, b: 0.203
- RYB
- 赤色: 27.843%, 黄色: 76.078%, 青色: 70.980%
- Android/android.graphics.Color
- -11222457/0xff54c247
- HSL
- hsl(114, 50%, 52%)
- HSLA
- hsla(114, 50%, 52%, 1.0)
- HSV/HSB
- 色相: 114° (113.659), 飽和: 63% (0.634), 値: 76% (0.761)
- HSP
- 色相: 113.659, 飽和: 63.402%, 知覚される明るさ: 61.728%
- HSLuv(HUSL)
- H: 125.758, S: 82.062, L: 70.121
- Cubehelix
- H: -254.946, S: 0.882, L: 0.578
- TSL
- T: -0.370, S: 0.323, L: 0.577
- CMYK
- シアン色: 57% (0.567), マゼンタ色: 0% (0.000), 黄色: 63% (0.634), キー・プレート: 24% (0.239)
- CMY
- シアン色: 67% (0.671), マゼンタ色: 24% (0.239), 黄色: 72% (0.722)
- XYZ
- X: 24.084, Y: 40.921, Z: 12.589
- xyY
- x: 0.310, y: 0.527, Y: 40.921
- Lab色空間
- L: 70.121, a: -54.812, b: 51.050
- CIELuv
- L: 70.121, u: -50.374, v: 69.952
- CIELCH/LCHab
- L: 70.121, C: 74.903, H: 137.035
- CIELUV/LCHuv
- L: 70.121, C: 86.203, H: 125.758
- Hunter-Lab
- L: 63.970, a: -44.743, b: 33.110
- CIECAM02
- J: 59.490, C: 67.834, h: 136.971, Q: 151.961, M: 59.320, s: 62.479, H: 171.096
- OSA-UCS
- 明度: -9.637, 黄色: 7.481, 緑色: 7.582
- LMS
- L: 33.184, M: 52.595, S: 13.009
- YCbCr
- Y: 142.322, Cb: 90.283, Cr: 88.443
- YCoCg
- Y: 135.750, Cg: 58.250, Co: 24.250
- YDbDr
- Y: 147.088, Db: -114.459, Dr: 119.939
- YPbPr
- Y: 161.714, Pb: -48.850, Pr: -49.342
- xvYCC
- Y: 154.884, Cb: 85.089, Cr: 84.656
- YIQ
- Y: 147.088, I: -26.013, Q: -61.530
- YUV
- Y: 147.088, U: -37.442, V: -55.349
- マンセルカラーシステム
- 10GY 7/10 ΔE = 4.343
- ブランドカラー
- ASDA ΔE = 3.749