
HTML&CSS例
#c36030前景
起死回生。
<p style="color: #c36030">…</p>
#c36030背景
酔生夢死。
<p style="background-color: #c36030">…</p>
#c36030テキストに影をつける
海千山千。
<p style="text-shadow: 0.1em 0.1em 0.15em #c36030">…</p>
色空間変換
- 十進
- 12804144
- 二進法
- 11000011, 01100000, 00110000
- 十六進法
- #c36030
- LRV
- ≈ 20.2%
- 最も近い短い16進数
- #c63 ΔE = 2.650
- RGB
- rgb(195, 96, 48)
- RGBA
- rgba(195, 96, 48, 1.0)
- rg色度
- r: 0.575, g: 0.283, b: 0.142
- RYB
- 赤色: 76.471%, 黄色: 46.774%, 青色: 18.824%
- Android/android.graphics.Color
- -3973072/0xffc36030
- HSL
- hsl(20, 60%, 48%)
- HSLA
- hsla(20, 60%, 48%, 1.0)
- HSV/HSB
- 色相: 20° (19.592), 飽和: 75% (0.754), 値: 76% (0.765)
- HSP
- 色相: 19.592, 飽和: 75.385%, 知覚される明るさ: 51.194%
- HSLuv(HUSL)
- H: 25.973, S: 83.556, L: 52.045
- Cubehelix
- H: 13.431, S: 0.840, L: 0.472
- TSL
- T: 3.539, S: 0.331, L: 0.471
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 51% (0.508), 黄色: 75% (0.754), キー・プレート: 24% (0.235)
- CMY
- シアン色: 24% (0.235), マゼンタ色: 62% (0.624), 黄色: 81% (0.812)
- XYZ
- X: 27.225, Y: 20.185, Z: 5.258
- xyY
- x: 0.517, y: 0.383, Y: 20.185
- Lab色空間
- L: 52.045, a: 36.294, b: 44.488
- CIELuv
- L: 52.045, u: 79.234, v: 38.599
- CIELCH/LCHab
- L: 52.045, C: 57.415, H: 50.792
- CIELUV/LCHuv
- L: 52.045, C: 88.135, H: 25.973
- Hunter-Lab
- L: 44.927, a: 29.543, b: 24.510
- CIECAM02
- J: 43.787, C: 54.158, h: 45.210, Q: 130.372, M: 47.360, s: 60.272, H: 32.876
- OSA-UCS
- 明度: -9.832, 黄色: 5.973, 緑色: -6.143
- LMS
- L: 27.768, M: 15.140, S: 5.527
- YCbCr
- Y: 119.203, Cb: 92.276, Cr: 174.869
- YCgCo
- Y: 108.750, Cg: -12.750, Co: 85.500
- YDbDr
- Y: 120.129, Db: -108.534, Dr: -142.383
- YPbPr
- Y: 113.631, Pb: -35.385, Pr: 51.708
- xvYCC
- Y: 113.589, Cb: 96.917, Cr: 173.422
- YIQ
- Y: 120.129, I: 74.397, Q: 6.000
- YUV
- Y: 120.129, U: -35.493, V: 65.685
- マンセルカラーシステム
- 2.5YR 5/10 ΔE = 2.207
- ブランドカラー
- WordPress (orange) ΔE = 4.649