
HTML&CSS例
#561b24前景
蛙の子は蛙。
<p style="color: #561b24">…</p>
#561b24背景
蓼食う虫も好き好き。
<p style="background-color: #561b24">…</p>
#561b24テキストに影をつける
見ぬが花。
<p style="text-shadow: 0.1em 0.1em 0.15em #561b24">…</p>
色空間変換
- 十進
- 5643044
- 二進法
- 01010110, 00011011, 00100100
- 十六進法
- #561b24
- LRV
- ≈ 2.9%
- 最も近い短い16進数
- #512 ΔE = 2.820
- RGB
- rgb(86, 27, 36)
- RGBA
- rgba(86, 27, 36, 1.0)
- rg色度
- r: 0.577, g: 0.181, b: 0.242
- RYB
- 赤色: 33.725%, 黄色: 10.588%, 青色: 14.118%
- Android/android.graphics.Color
- -11134172/0xff561b24
- HSL
- hsl(351, 52%, 22%)
- HSLA
- hsla(351, 52%, 22%, 1.0)
- HSV/HSB
- 色相: 351° (350.847), 飽和: 69% (0.686), 値: 34% (0.337)
- HSP
- 色相: 350.847, 飽和: 68.605%, 知覚される明るさ: 20.703%
- HSLuv(HUSL)
- H: 5.953, S: 60.898, L: 19.599
- Cubehelix
- H: -17.526, S: 0.606, L: 0.179
- TSL
- T: 4.094, S: 0.386, L: 0.179
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 69% (0.686), 黄色: 58% (0.581), キー・プレート: 66% (0.663)
- CMY
- シアン色: 66% (0.663), マゼンタ色: 89% (0.894), 黄色: 86% (0.859)
- XYZ
- X: 4.549, Y: 2.890, Z: 1.987
- xyY
- x: 0.483, y: 0.307, Y: 2.890
- Lab色空間
- L: 19.599, a: 28.086, b: 8.721
- CIELuv
- L: 19.599, u: 35.655, v: 3.718
- CIELCH/LCHab
- L: 19.599, C: 29.409, H: 17.251
- CIELUV/LCHuv
- L: 19.599, C: 35.848, H: 5.953
- Hunter-Lab
- L: 17.001, a: 18.006, b: 4.971
- CIECAM02
- J: 15.223, C: 35.827, h: 14.850, Q: 76.870, M: 31.330, s: 63.841, H: 394.537
- OSA-UCS
- 明度: -9.991, 黄色: 0.850, 緑色: -5.231
- LMS
- L: 4.252, M: 1.718, S: 2.007
- YCbCr
- Y: 55.238, Cb: 123.219, Cr: 153.262
- YCoCg
- Y: 44.000, Cg: -17.000, Co: 34.000
- YDbDr
- Y: 45.667, Db: -14.553, Dr: -76.694
- YPbPr
- Y: 40.215, Pb: -2.285, Pr: 29.086
- xvYCC
- Y: 50.538, Cb: 125.993, Cr: 153.550
- YIQ
- Y: 45.667, I: 32.256, Q: 15.276
- YUV
- Y: 45.667, U: -4.756, V: 35.385
- マンセルカラーシステム
- 5R 2/6 ΔE = 2.210
- ブランドカラー
- Carbonmade ΔE = 16.615