
HTML&CSS例
#00c45c前景
自業自得。
<p style="color: #00c45c">…</p>
#00c45c背景
馬鹿は死ななきゃ治らない。
<p style="background-color: #00c45c">…</p>
#00c45cテキストに影をつける
門前の小僧習わぬ経を読む。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c45c">…</p>
色空間変換
- 十進
- 50268
- 二進法
- 00000000, 11000100, 01011100
- 十六進法
- #00c45c
- LRV
- ≈ 40.2%
- 最も近い短い16進数
- #0c6 ΔE = 2.816
- RGB
- rgb(0, 196, 92)
- RGBA
- rgba(0, 196, 92, 1.0)
- rg色度
- r: 0.000, g: 0.681, b: 0.319
- RYB
- 赤色: 0.000%, 黄色: 52.309%, 青色: 76.863%
- Android/android.graphics.Color
- -16726948/0xff00c45c
- HSL
- hsl(148, 100%, 38%)
- HSLA
- hsla(148, 100%, 38%, 1.0)
- HSV/HSB
- 色相: 148° (148.163), 飽和: 100% (1.000), 値: 77% (0.769)
- HSP
- 色相: 148.163, 飽和: 100.000%, 知覚される明るさ: 60.136%
- HSLuv(HUSL)
- H: 135.732, S: 100.019, L: 69.647
- Cubehelix
- H: -223.375, S: 1.161, L: 0.493
- TSL
- T: -0.952, S: 0.646, L: 0.492
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 53% (0.531), キー・プレート: 23% (0.231)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.231), 黄色: 64% (0.639)
- XYZ
- X: 21.670, Y: 40.250, Z: 16.750
- xyY
- x: 0.275, y: 0.512, Y: 40.250
- Lab色空間
- L: 69.647, a: -63.717, b: 40.503
- CIELuv
- L: 69.647, u: -62.974, v: 61.385
- CIELCH/LCHab
- L: 69.647, C: 75.501, H: 147.557
- CIELUV/LCHuv
- L: 69.647, C: 87.942, H: 135.732
- Hunter-Lab
- L: 63.443, a: -50.055, b: 28.756
- CIECAM02
- J: 58.504, C: 67.651, h: 146.941, Q: 150.697, M: 59.160, s: 62.656, H: 182.455
- OSA-UCS
- 明度: -9.644, 黄色: 6.182, 緑色: 8.611
- LMS
- L: 30.451, M: 53.179, S: 17.084
- YCbCr
- Y: 123.800, Cb: 111.352, Cr: 49.340
- YCoCg
- Y: 121.000, Cg: 75.000, Co: -23.000
- YDbDr
- Y: 125.540, Db: -50.432, Dr: 238.700
- YPbPr
- Y: 146.764, Pb: -29.460, Pr: -93.216
- xvYCC
- Y: 142.044, Cb: 102.121, Cr: 46.116
- YIQ
- Y: 125.540, I: -83.349, Q: -73.803
- YUV
- Y: 125.540, U: -16.505, V: -110.139
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 5.577
- ブランドカラー
- ASDA ΔE = 7.254