
HTML&CSS例
#5c2d00前景
案ずるより産むが易し。
<p style="color: #5c2d00">…</p>
#5c2d00背景
虎穴に入らずんば虎子を得ず。
<p style="background-color: #5c2d00">…</p>
#5c2d00テキストに影をつける
異体同心。
<p style="text-shadow: 0.1em 0.1em 0.15em #5c2d00">…</p>
色空間変換
- 十進
- 6040832
- 二進法
- 01011100, 00101101, 00000000
- 十六進法
- #5c2d00
- LRV
- ≈ 4.2%
- 最も近い短い16進数
- #630 ΔE = 3.367
- RGB
- rgb(92, 45, 0)
- RGBA
- rgba(92, 45, 0, 1.0)
- rg色度
- r: 0.672, g: 0.328, b: 0.000
- RYB
- 赤色: 36.078%, 黄色: 34.543%, 青色: 0.000%
- Android/android.graphics.Color
- -10736384/0xff5c2d00
- HSL
- hsl(29, 100%, 18%)
- HSLA
- hsla(29, 100%, 18%, 1.0)
- HSV/HSB
- 色相: 29° (29.348), 飽和: 100% (1.000), 値: 36% (0.361)
- HSP
- 色相: 29.348, 飽和: 100.000%, 知覚される明るさ: 23.916%
- HSLuv(HUSL)
- H: 32.747, S: 99.979, L: 24.170
- Cubehelix
- H: 25.387, S: 0.782, L: 0.212
- TSL
- T: 3.240, S: 0.454, L: 0.211
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 51% (0.511), 黄色: 100% (1.000), キー・プレート: 64% (0.639)
- CMY
- シアン色: 64% (0.639), マゼンタ色: 82% (0.824), 黄色: 100% (1.000)
- XYZ
- X: 5.353, Y: 4.153, Z: 0.520
- xyY
- x: 0.534, y: 0.414, Y: 4.153
- Lab色空間
- L: 24.170, a: 18.504, b: 34.239
- CIELuv
- L: 24.170, u: 35.049, v: 22.541
- CIELCH/LCHab
- L: 24.170, C: 38.919, H: 61.612
- CIELUV/LCHuv
- L: 24.170, C: 41.671, H: 32.747
- Hunter-Lab
- L: 20.378, a: 11.223, b: 12.753
- CIECAM02
- J: 18.181, C: 38.481, h: 58.949, Q: 84.009, M: 33.651, s: 63.291, H: 52.236
- OSA-UCS
- 明度: -9.765, 黄色: 4.576, 緑色: -2.911
- LMS
- L: 5.622, M: 3.286, S: 0.584
- YCbCr
- Y: 62.324, Cb: 101.289, Cr: 151.828
- YCoCg
- Y: 45.500, Cg: -0.500, Co: 46.000
- YDbDr
- Y: 53.923, Db: -81.135, Dr: -72.416
- YPbPr
- Y: 51.771, Pb: -27.905, Pr: 25.570
- xvYCC
- Y: 60.462, Cb: 103.487, Cr: 150.461
- YIQ
- Y: 53.923, I: 42.455, Q: -4.063
- YUV
- Y: 53.923, U: -26.535, V: 33.405
- マンセルカラーシステム
- 7.5YR 3/6 ΔE = 6.068
- ブランドカラー
- Readability ΔE = 14.698