
HTML&CSS例
#00c54f前景
一期一会。
<p style="color: #00c54f">…</p>
#00c54f背景
猫に小判。
<p style="background-color: #00c54f">…</p>
#00c54fテキストに影をつける
馬鹿は死ななきゃ治らない。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c54f">…</p>
色空間変換
- 十進
- 50511
- 二進法
- 00000000, 11000101, 01001111
- 十六進法
- #00c54f
- LRV
- ≈ 40.5%
- 最も近い短い16進数
- #0c5 ΔE = 2.341
- RGB
- rgb(0, 197, 79)
- RGBA
- rgba(0, 197, 79, 1.0)
- rg色度
- r: 0.000, g: 0.714, b: 0.286
- RYB
- 赤色: 0.000%, 黄色: 55.142%, 青色: 77.255%
- Android/android.graphics.Color
- -16726705/0xff00c54f
- HSL
- hsl(144, 100%, 39%)
- HSLA
- hsla(144, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 144° (144.061), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 144.061, 飽和: 100.000%, 知覚される明るさ: 60.107%
- HSLuv(HUSL)
- H: 133.285, S: 100.019, L: 69.820
- Cubehelix
- H: -227.912, S: 1.188, L: 0.490
- TSL
- T: -0.880, S: 0.679, L: 0.489
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 60% (0.599), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 69% (0.690)
- XYZ
- X: 21.376, Y: 40.494, Z: 14.085
- xyY
- x: 0.281, y: 0.533, Y: 40.494
- Lab色空間
- L: 69.820, a: -65.851, b: 46.816
- CIELuv
- L: 69.820, u: -63.919, v: 67.865
- CIELCH/LCHab
- L: 69.820, C: 80.796, H: 144.589
- CIELUV/LCHuv
- L: 69.820, C: 93.227, H: 133.285
- Hunter-Lab
- L: 63.635, a: -51.401, b: 31.421
- CIECAM02
- J: 58.667, C: 72.355, h: 143.941, Q: 150.906, M: 63.274, s: 64.753, H: 179.142
- OSA-UCS
- 明度: -9.587, 黄色: 6.976, 緑色: 8.866
- LMS
- L: 30.773, M: 53.785, S: 14.466
- YCbCr
- Y: 123.030, Cb: 105.354, Cr: 49.895
- YCoCg
- Y: 118.250, Cg: 78.750, Co: -19.750
- YDbDr
- Y: 124.645, Db: -68.644, Dr: 236.995
- YPbPr
- Y: 146.543, Pb: -36.345, Pr: -93.072
- xvYCC
- Y: 141.855, Cb: 96.073, Cr: 46.243
- YIQ
- Y: 124.645, I: -79.447, Q: -78.371
- YUV
- Y: 124.645, U: -22.461, V: -109.354
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 7.161
- ブランドカラー
- ASDA ΔE = 5.408