
HTML&CSS例
#00c488前景
花より団子。
<p style="color: #00c488">…</p>
#00c488背景
弱肉強食。
<p style="background-color: #00c488">…</p>
#00c488テキストに影をつける
猫に小判。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c488">…</p>
色空間変換
- 十進
- 50312
- 二進法
- 00000000, 11000100, 10001000
- 十六進法
- #00c488
- LRV
- ≈ 41.3%
- 最も近い短い16進数
- #0c8 ΔE = 2.952
- RGB
- rgb(0, 196, 136)
- RGBA
- rgba(0, 196, 136, 1.0)
- rg色度
- r: 0.000, g: 0.590, b: 0.410
- RYB
- 赤色: 0.000%, 黄色: 45.377%, 青色: 76.863%
- Android/android.graphics.Color
- -16726904/0xff00c488
- HSL
- hsl(162, 100%, 38%)
- HSLA
- hsla(162, 100%, 38%, 1.0)
- HSV/HSB
- 色相: 162° (161.633), 飽和: 100% (1.000), 値: 77% (0.769)
- HSP
- 色相: 161.633, 飽和: 100.000%, 知覚される明るさ: 61.581%
- HSLuv(HUSL)
- H: 149.857, S: 100.019, L: 70.354
- Cubehelix
- H: -207.854, S: 1.147, L: 0.512
- TSL
- T: -1.186, S: 0.565, L: 0.512
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 31% (0.306), キー・プレート: 23% (0.231)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.231), 黄色: 47% (0.467)
- XYZ
- X: 24.181, Y: 41.254, Z: 29.976
- xyY
- x: 0.253, y: 0.432, Y: 41.254
- Lab色空間
- L: 70.354, a: -55.392, b: 18.778
- CIELuv
- L: 70.354, u: -60.244, v: 34.982
- CIELCH/LCHab
- L: 70.354, C: 58.488, H: 161.273
- CIELUV/LCHuv
- L: 70.354, C: 69.664, H: 149.857
- Hunter-Lab
- L: 64.229, a: -45.200, b: 17.290
- CIECAM02
- J: 59.386, C: 54.848, h: 162.276, Q: 151.829, M: 47.964, s: 56.206, H: 198.124
- OSA-UCS
- 明度: -9.832, 黄色: 3.124, 緑色: 7.790
- LMS
- L: 30.575, M: 53.198, S: 30.112
- YCbCr
- Y: 128.112, Cb: 130.668, Cr: 46.216
- YCoCg
- Y: 132.000, Cg: 64.000, Co: -34.000
- YDbDr
- Y: 130.556, Db: 8.220, Dr: 248.248
- YPbPr
- Y: 149.932, Pb: -7.460, Pr: -95.240
- xvYCC
- Y: 144.765, Cb: 121.447, Cr: 44.338
- YIQ
- Y: 130.556, I: -97.485, Q: -60.113
- YUV
- Y: 130.556, U: 2.679, V: -114.539
- マンセルカラーシステム
- 5G 7/10 ΔE = 4.175
- ブランドカラー
- Vine ΔE = 11.147