
HTML&CSS例
#00c554前景
自業自得。
<p style="color: #00c554">…</p>
#00c554背景
弱肉強食。
<p style="background-color: #00c554">…</p>
#00c554テキストに影をつける
見ぬが花。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c554">…</p>
色空間変換
- 十進
- 50516
- 二進法
- 00000000, 11000101, 01010100
- 十六進法
- #00c554
- LRV
- ≈ 40.6%
- 最も近い短い16進数
- #0c5 ΔE = 2.349
- RGB
- rgb(0, 197, 84)
- RGBA
- rgba(0, 197, 84, 1.0)
- rg色度
- r: 0.000, g: 0.701, b: 0.299
- RYB
- 赤色: 0.000%, 黄色: 54.161%, 青色: 77.255%
- Android/android.graphics.Color
- -16726700/0xff00c554
- HSL
- hsl(146, 100%, 39%)
- HSLA
- hsla(146, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 146° (145.584), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 145.584, 飽和: 100.000%, 知覚される明るさ: 60.225%
- HSLuv(HUSL)
- H: 134.116, S: 100.019, L: 69.873
- Cubehelix
- H: -226.246, S: 1.179, L: 0.492
- TSL
- T: -0.907, S: 0.666, L: 0.491
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 57% (0.574), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 67% (0.671)
- XYZ
- X: 21.565, Y: 40.570, Z: 15.080
- xyY
- x: 0.279, y: 0.525, Y: 40.570
- Lab色空間
- L: 69.873, a: -65.188, b: 44.581
- CIELuv
- L: 69.873, u: -63.690, v: 65.686
- CIELCH/LCHab
- L: 69.873, C: 78.974, H: 145.632
- CIELUV/LCHuv
- L: 69.873, C: 91.493, H: 134.116
- Hunter-Lab
- L: 63.694, a: -51.031, b: 30.549
- CIECAM02
- J: 58.739, C: 70.689, h: 144.976, Q: 150.998, M: 61.816, s: 63.983, H: 180.295
- OSA-UCS
- 明度: -9.608, 黄色: 6.702, 緑色: 8.787
- LMS
- L: 30.782, M: 53.786, S: 15.446
- YCbCr
- Y: 123.520, Cb: 107.549, Cr: 49.540
- YCoCg
- Y: 119.500, Cg: 77.500, Co: -21.000
- YDbDr
- Y: 125.215, Db: -61.979, Dr: 238.080
- YPbPr
- Y: 146.903, Pb: -33.845, Pr: -93.302
- xvYCC
- Y: 142.164, Cb: 98.269, Cr: 46.041
- YIQ
- Y: 125.215, I: -81.053, Q: -76.815
- YUV
- Y: 125.215, U: -20.281, V: -109.854
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 6.508
- ブランドカラー
- ASDA ΔE = 6.011