
HTML&CSS例
#5c340c前景
案ずるより産むが易し。
<p style="color: #5c340c">…</p>
#5c340c背景
井の中の蛙大海を知らず。
<p style="background-color: #5c340c">…</p>
#5c340cテキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #5c340c">…</p>
色空間変換
- 十進
- 6042636
- 二進法
- 01011100, 00110100, 00001100
- 十六進法
- #5c340c
- LRV
- ≈ 4.8%
- 最も近い短い16進数
- #531 ΔE = 2.454
- RGB
- rgb(92, 52, 12)
- RGBA
- rgba(92, 52, 12, 1.0)
- rg色度
- r: 0.590, g: 0.333, b: 0.077
- RYB
- 赤色: 36.078%, 黄色: 36.078%, 青色: 4.706%
- Android/android.graphics.Color
- -10734580/0xff5c340c
- HSL
- hsl(30, 77%, 20%)
- HSLA
- hsla(30, 77%, 20%, 1.0)
- HSV/HSB
- 色相: 30° (30.000), 飽和: 87% (0.870), 値: 36% (0.361)
- HSP
- 色相: 30.000, 飽和: 86.957%, 知覚される明るさ: 25.215%
- HSLuv(HUSL)
- H: 37.440, S: 91.148, L: 26.035
- Cubehelix
- H: 26.181, S: 0.636, L: 0.234
- TSL
- T: 0.000, S: 0.344, L: 0.233
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 43% (0.435), 黄色: 87% (0.870), キー・プレート: 64% (0.639)
- CMY
- シアン色: 64% (0.639), マゼンタ色: 80% (0.796), 黄色: 95% (0.953)
- XYZ
- X: 5.708, Y: 4.758, Z: 0.966
- xyY
- x: 0.499, y: 0.416, Y: 4.758
- Lab色空間
- L: 26.035, a: 14.622, b: 31.077
- CIELuv
- L: 26.035, u: 29.665, v: 22.714
- CIELCH/LCHab
- L: 26.035, C: 34.345, H: 64.802
- CIELUV/LCHuv
- L: 26.035, C: 37.362, H: 37.440
- Hunter-Lab
- L: 21.814, a: 8.538, b: 12.645
- CIECAM02
- J: 19.448, C: 32.549, h: 61.088, Q: 86.885, M: 28.464, s: 57.237, H: 55.343
- OSA-UCS
- 明度: -9.813, 黄色: 4.196, 緑色: -2.299
- LMS
- L: 6.071, M: 4.067, S: 1.031
- YCbCr
- Y: 67.028, Cb: 104.520, Cr: 148.400
- YCoCg
- Y: 52.000, Cg: 0.000, Co: 43.000
- YDbDr
- Y: 59.400, Db: -71.320, Dr: -62.000
- YPbPr
- Y: 57.640, Pb: -24.600, Pr: 21.840
- xvYCC
- Y: 65.503, Cb: 106.391, Cr: 147.185
- YIQ
- Y: 59.400, I: 36.679, Q: -3.987
- YUV
- Y: 59.400, U: -23.325, V: 28.600
- マンセルカラーシステム
- 7.5YR 3/6 ΔE = 3.926
- ブランドカラー
- Readability ΔE = 14.927