
HTML&CSS例
#00c48f前景
井の中の蛙大海を知らず。
<p style="color: #00c48f">…</p>
#00c48f背景
弱肉強食。
<p style="background-color: #00c48f">…</p>
#00c48fテキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c48f">…</p>
色空間変換
- 十進
- 50319
- 二進法
- 00000000, 11000100, 10001111
- 十六進法
- #00c48f
- LRV
- ≈ 41.5%
- 最も近い短い16進数
- #0c9 ΔE = 2.863
- RGB
- rgb(0, 196, 143)
- RGBA
- rgba(0, 196, 143, 1.0)
- rg色度
- r: 0.000, g: 0.578, b: 0.422
- RYB
- 赤色: 0.000%, 黄色: 44.440%, 青色: 76.863%
- Android/android.graphics.Color
- -16726897/0xff00c48f
- HSL
- hsl(164, 100%, 38%)
- HSLA
- hsla(164, 100%, 38%, 1.0)
- HSV/HSB
- 色相: 164° (163.776), 飽和: 100% (1.000), 値: 77% (0.769)
- HSP
- 色相: 163.776, 飽和: 100.000%, 知覚される明るさ: 61.858%
- HSLuv(HUSL)
- H: 153.315, S: 100.019, L: 70.497
- Cubehelix
- H: -205.396, S: 1.153, L: 0.515
- TSL
- T: -1.222, S: 0.555, L: 0.515
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 27% (0.270), キー・プレート: 23% (0.231)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.231), 黄色: 44% (0.439)
- XYZ
- X: 24.695, Y: 41.460, Z: 32.682
- xyY
- x: 0.250, y: 0.419, Y: 41.460
- Lab色空間
- L: 70.497, a: -53.781, b: 15.222
- CIELuv
- L: 70.497, u: -59.740, v: 30.026
- CIELCH/LCHab
- L: 70.497, C: 55.893, H: 164.196
- CIELUV/LCHuv
- L: 70.497, C: 66.861, H: 153.315
- Hunter-Lab
- L: 64.389, a: -44.222, b: 14.978
- CIECAM02
- J: 59.558, C: 53.351, h: 165.649, Q: 152.048, M: 46.654, s: 55.393, H: 202.282
- OSA-UCS
- 明度: -9.860, 黄色: 2.582, 緑色: 7.655
- LMS
- L: 30.600, M: 53.202, S: 32.778
- YCbCr
- Y: 128.798, Cb: 133.741, Cr: 45.719
- YCoCg
- Y: 133.750, Cg: 62.250, Co: -35.750
- YDbDr
- Y: 131.354, Db: 17.551, Dr: 249.767
- YPbPr
- Y: 150.436, Pb: -3.960, Pr: -95.562
- xvYCC
- Y: 145.198, Cb: 124.521, Cr: 44.055
- YIQ
- Y: 131.354, I: -99.733, Q: -57.936
- YUV
- Y: 131.354, U: 5.731, V: -115.239
- マンセルカラーシステム
- 7.5G 7/8 ΔE = 4.319
- ブランドカラー
- Vine ΔE = 10.938