
HTML&CSS例
#00c531前景
猫に小判。
<p style="color: #00c531">…</p>
#00c531背景
蓼食う虫も好き好き。
<p style="background-color: #00c531">…</p>
#00c531テキストに影をつける
覆水盆に帰らず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c531">…</p>
色空間変換
- 十進
- 50481
- 二進法
- 00000000, 11000101, 00110001
- 十六進法
- #00c531
- LRV
- ≈ 40.2%
- 最も近い短い16進数
- #0c3 ΔE = 2.311
- RGB
- rgb(0, 197, 49)
- RGBA
- rgba(0, 197, 49, 1.0)
- rg色度
- r: 0.000, g: 0.801, b: 0.199
- RYB
- 赤色: 0.000%, 黄色: 61.867%, 青色: 77.255%
- Android/android.graphics.Color
- -16726735/0xff00c531
- HSL
- hsl(135, 100%, 39%)
- HSLA
- hsla(135, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 135° (134.924), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 134.924, 飽和: 100.000%, 知覚される明るさ: 59.544%
- HSLuv(HUSL)
- H: 129.779, S: 100.019, L: 69.577
- Cubehelix
- H: -237.309, S: 1.261, L: 0.477
- TSL
- T: -0.723, S: 0.770, L: 0.475
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 75% (0.751), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 81% (0.808)
- XYZ
- X: 20.519, Y: 40.152, Z: 9.574
- xyY
- x: 0.292, y: 0.572, Y: 40.152
- Lab色空間
- L: 69.577, a: -68.922, b: 58.613
- CIELuv
- L: 69.577, u: -64.999, v: 78.074
- CIELCH/LCHab
- L: 69.577, C: 90.474, H: 139.621
- CIELUV/LCHuv
- L: 69.577, C: 101.590, H: 129.779
- Hunter-Lab
- L: 63.365, a: -53.087, b: 35.398
- CIECAM02
- J: 58.325, C: 81.728, h: 139.345, Q: 150.466, M: 71.470, s: 68.920, H: 173.893
- OSA-UCS
- 明度: -9.480, 黄色: 8.310, 緑色: 9.265
- LMS
- L: 30.731, M: 53.778, S: 10.022
- YCbCr
- Y: 120.090, Cb: 92.184, Cr: 52.025
- YCoCg
- Y: 110.750, Cg: 86.250, Co: -12.250
- YDbDr
- Y: 121.225, Db: -108.634, Dr: 230.485
- YPbPr
- Y: 144.383, Pb: -51.345, Pr: -91.692
- xvYCC
- Y: 140.000, Cb: 82.897, Cr: 47.455
- YIQ
- Y: 121.225, I: -69.809, Q: -87.705
- YUV
- Y: 121.225, U: -35.541, V: -106.354
- マンセルカラーシステム
- 10GY 7/10 ΔE = 8.811
- ブランドカラー
- ASDA ΔE = 3.054