
HTML&CSS例
#c4584b前景
見ぬが花。
<p style="color: #c4584b">…</p>
#c4584b背景
異体同心。
<p style="background-color: #c4584b">…</p>
#c4584bテキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #c4584b">…</p>
色空間変換
- 十進
- 12867659
- 二進法
- 11000100, 01011000, 01001011
- 十六進法
- #c4584b
- LRV
- ≈ 19.2%
- 最も近い短い16進数
- #c54 ΔE = 2.076
- RGB
- rgb(196, 88, 75)
- RGBA
- rgba(196, 88, 75, 1.0)
- rg色度
- r: 0.546, g: 0.245, b: 0.209
- RYB
- 赤色: 76.863%, 黄色: 35.123%, 青色: 29.412%
- Android/android.graphics.Color
- -3909557/0xffc4584b
- HSL
- hsl(6, 51%, 53%)
- HSLA
- hsla(6, 51%, 53%, 1.0)
- HSV/HSB
- 色相: 6° (6.446), 飽和: 62% (0.617), 値: 77% (0.769)
- HSP
- 色相: 6.446, 飽和: 61.735%, 知覚される明るさ: 50.637%
- HSLuv(HUSL)
- H: 16.522, S: 60.530, L: 50.951
- Cubehelix
- H: -1.677, S: 0.740, L: 0.467
- TSL
- T: 3.835, S: 0.309, L: 0.466
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 55% (0.551), 黄色: 62% (0.617), キー・プレート: 23% (0.231)
- CMY
- シアン色: 23% (0.231), マゼンタ色: 65% (0.655), 黄色: 71% (0.706)
- XYZ
- X: 27.527, Y: 19.227, Z: 8.917
- xyY
- x: 0.494, y: 0.345, Y: 19.227
- Lab色空間
- L: 50.951, a: 42.226, b: 28.581
- CIELuv
- L: 50.951, u: 81.789, v: 24.261
- CIELCH/LCHab
- L: 50.951, C: 50.990, H: 34.093
- CIELUV/LCHuv
- L: 50.951, C: 85.311, H: 16.522
- Hunter-Lab
- L: 43.848, a: 35.325, b: 18.637
- CIECAM02
- J: 42.914, C: 52.838, h: 28.978, Q: 129.066, M: 46.206, s: 59.833, H: 11.248
- OSA-UCS
- 明度: -9.917, 黄色: 3.702, 緑色: -7.545
- LMS
- L: 26.984, M: 13.323, S: 9.113
- YCbCr
- Y: 118.074, Cb: 106.309, Cr: 176.335
- YCoCg
- Y: 111.750, Cg: -23.750, Co: 79.250
- YDbDr
- Y: 118.810, Db: -65.929, Dr: -146.785
- YPbPr
- Y: 110.068, Pb: -18.920, Pr: 54.598
- xvYCC
- Y: 110.529, Cb: 111.380, Cr: 175.961
- YIQ
- Y: 118.810, I: 68.514, Q: 18.792
- YUV
- Y: 118.810, U: -21.557, V: 67.720
- マンセルカラーシステム
- 7.5R 5/10 ΔE = 1.020
- ブランドカラー
- Status Chart ΔE = 3.813