
HTML&CSS例
#a87500前景
自業自得。
<p style="color: #a87500">…</p>
#a87500背景
井の中の蛙大海を知らず。
<p style="background-color: #a87500">…</p>
#a87500テキストに影をつける
羊頭狗肉。
<p style="text-shadow: 0.1em 0.1em 0.15em #a87500">…</p>
色空間変換
- 十進
- 11040000
- 二進法
- 10101000, 01110101, 00000000
- 十六進法
- #a87500
- LRV
- ≈ 21.0%
- 最も近い短い16進数
- #a70 ΔE = 0.782
- RGB
- rgb(168, 117, 0)
- RGBA
- rgba(168, 117, 0, 1.0)
- rg色度
- r: 0.589, g: 0.411, b: 0.000
- RYB
- 赤色: 28.718%, 黄色: 65.882%, 青色: 0.000%
- Android/android.graphics.Color
- -5737216/0xffa87500
- HSL
- hsl(42, 100%, 33%)
- HSLA
- hsla(42, 100%, 33%, 1.0)
- HSV/HSB
- 色相: 42° (41.786), 飽和: 100% (1.000), 値: 66% (0.659)
- HSP
- 色相: 41.786, 飽和: 100.000%, 知覚される明るさ: 50.334%
- HSLuv(HUSL)
- H: 51.561, S: 99.979, L: 53.004
- Cubehelix
- H: 39.862, S: 1.015, L: 0.468
- TSL
- T: 2.258, S: 0.359, L: 0.466
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 30% (0.304), 黄色: 100% (1.000), キー・プレート: 34% (0.341)
- CMY
- シアン色: 34% (0.341), マゼンタ色: 54% (0.541), 黄色: 100% (1.000)
- XYZ
- X: 22.512, Y: 21.049, Z: 2.877
- xyY
- x: 0.485, y: 0.453, Y: 21.049
- Lab色空間
- L: 53.004, a: 11.927, b: 59.400
- CIELuv
- L: 53.004, u: 42.545, v: 53.605
- CIELCH/LCHab
- L: 53.004, C: 60.585, H: 78.646
- CIELUV/LCHuv
- L: 53.004, C: 68.436, H: 51.561
- Hunter-Lab
- L: 45.880, a: 7.294, b: 28.397
- CIECAM02
- J: 43.622, C: 52.009, h: 78.677, Q: 130.125, M: 45.481, s: 59.120, H: 81.896
- OSA-UCS
- 明度: -9.778, 黄色: 7.810, 緑色: -1.589
- LMS
- L: 25.072, M: 19.910, S: 3.183
- YCbCr
- Y: 118.144, Cb: 69.089, Cr: 158.696
- YCoCg
- Y: 100.500, Cg: 16.500, Co: 84.000
- YDbDr
- Y: 118.911, Db: -178.911, Dr: -93.372
- YPbPr
- Y: 119.439, Pb: -64.365, Pr: 30.882
- xvYCC
- Y: 118.577, Cb: 71.460, Cr: 155.128
- YIQ
- Y: 118.911, I: 67.969, Q: -25.619
- YUV
- Y: 118.911, U: -58.514, V: 43.066
- マンセルカラーシステム
- 2.5Y 5/8 ΔE = 3.782
- ブランドカラー
- Amazon ΔE = 13.356