
HTML&CSS例
#00c48d前景
見ぬが花。
<p style="color: #00c48d">…</p>
#00c48d背景
蛙の子は蛙。
<p style="background-color: #00c48d">…</p>
#00c48dテキストに影をつける
我田引水。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c48d">…</p>
色空間変換
- 十進
- 50317
- 二進法
- 00000000, 11000100, 10001101
- 十六進法
- #00c48d
- LRV
- ≈ 41.4%
- 最も近い短い16進数
- #2b8 ΔE = 2.982
- RGB
- rgb(0, 196, 141)
- RGBA
- rgba(0, 196, 141, 1.0)
- rg色度
- r: 0.000, g: 0.582, b: 0.418
- RYB
- 赤色: 0.000%, 黄色: 44.704%, 青色: 76.863%
- Android/android.graphics.Color
- -16726899/0xff00c48d
- HSL
- hsl(163, 100%, 38%)
- HSLA
- hsla(163, 100%, 38%, 1.0)
- HSV/HSB
- 色相: 163° (163.163), 飽和: 100% (1.000), 値: 77% (0.769)
- HSP
- 色相: 163.163, 飽和: 100.000%, 知覚される明るさ: 61.778%
- HSLuv(HUSL)
- H: 152.285, S: 100.019, L: 70.455
- Cubehelix
- H: -206.096, S: 1.151, L: 0.514
- TSL
- T: -1.212, S: 0.558, L: 0.514
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 28% (0.281), キー・プレート: 23% (0.231)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.231), 黄色: 45% (0.447)
- XYZ
- X: 24.545, Y: 41.400, Z: 31.891
- xyY
- x: 0.251, y: 0.423, Y: 41.400
- Lab色空間
- L: 70.455, a: -54.249, b: 16.239
- CIELuv
- L: 70.455, u: -59.885, v: 31.460
- CIELCH/LCHab
- L: 70.455, C: 56.627, H: 163.335
- CIELUV/LCHuv
- L: 70.455, C: 67.646, H: 152.285
- Hunter-Lab
- L: 64.343, a: -44.507, b: 15.653
- CIECAM02
- J: 59.508, C: 53.758, h: 164.658, Q: 151.984, M: 47.011, s: 55.616, H: 200.667
- OSA-UCS
- 明度: -9.852, 黄色: 2.738, 緑色: 7.693
- LMS
- L: 30.592, M: 53.201, S: 31.999
- YCbCr
- Y: 128.602, Cb: 132.863, Cr: 45.861
- YCoCg
- Y: 133.250, Cg: 62.750, Co: -35.250
- YDbDr
- Y: 131.126, Db: 14.885, Dr: 249.333
- YPbPr
- Y: 150.292, Pb: -4.960, Pr: -95.470
- xvYCC
- Y: 145.074, Cb: 123.643, Cr: 44.136
- YIQ
- Y: 131.126, I: -99.091, Q: -58.558
- YUV
- Y: 131.126, U: 4.859, V: -115.039
- マンセルカラーシステム
- 7.5G 7/8 ΔE = 4.410
- ブランドカラー
- Vine ΔE = 10.967