
HTML&CSS例
#542d24前景
井の中の蛙大海を知らず。
<p style="color: #542d24">…</p>
#542d24背景
一期一会。
<p style="background-color: #542d24">…</p>
#542d24テキストに影をつける
二兎を追う者は一兎をも得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #542d24">…</p>
色空間変換
- 十進
- 5516580
- 二進法
- 01010100, 00101101, 00100100
- 十六進法
- #542d24
- LRV
- ≈ 3.9%
- 最も近い短い16進数
- #532 ΔE = 4.120
- RGB
- rgb(84, 45, 36)
- RGBA
- rgba(84, 45, 36, 1.0)
- rg色度
- r: 0.509, g: 0.273, b: 0.218
- RYB
- 赤色: 32.941%, 黄色: 18.462%, 青色: 14.118%
- Android/android.graphics.Color
- -11260636/0xff542d24
- HSL
- hsl(11, 40%, 24%)
- HSLA
- hsla(11, 40%, 24%, 1.0)
- HSV/HSB
- 色相: 11° (11.250), 飽和: 57% (0.571), 値: 33% (0.329)
- HSP
- 色相: 11.250, 飽和: 57.143%, 知覚される明るさ: 23.021%
- HSLuv(HUSL)
- H: 21.818, S: 51.375, L: 23.303
- Cubehelix
- H: 3.601, S: 0.415, L: 0.218
- TSL
- T: 3.739, S: 0.249, L: 0.218
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 46% (0.464), 黄色: 57% (0.571), キー・プレート: 67% (0.671)
- CMY
- シアン色: 67% (0.671), マゼンタ色: 82% (0.824), 黄色: 86% (0.859)
- XYZ
- X: 4.913, Y: 3.889, Z: 2.161
- xyY
- x: 0.448, y: 0.355, Y: 3.889
- Lab色空間
- L: 23.303, a: 16.851, b: 13.616
- CIELuv
- L: 23.303, u: 25.440, v: 10.185
- CIELCH/LCHab
- L: 23.303, C: 21.664, H: 38.939
- CIELUV/LCHuv
- L: 23.303, C: 27.403, H: 21.818
- Hunter-Lab
- L: 19.722, a: 9.957, b: 7.309
- CIECAM02
- J: 17.466, C: 23.669, h: 33.755, Q: 82.340, M: 20.698, s: 50.137, H: 17.478
- OSA-UCS
- 明度: -9.962, 黄色: 1.844, 緑色: -2.917
- LMS
- L: 4.920, M: 3.159, S: 2.192
- YCbCr
- Y: 63.796, Cb: 118.277, Cr: 145.760
- YCoCg
- Y: 52.500, Cg: -7.500, Co: 33.000
- YDbDr
- Y: 55.635, Db: -29.547, Dr: -53.940
- YPbPr
- Y: 52.659, Pb: -8.985, Pr: 19.914
- xvYCC
- Y: 61.225, Cb: 120.107, Cr: 145.493
- YIQ
- Y: 55.635, I: 26.124, Q: 5.447
- YUV
- Y: 55.635, U: -9.662, V: 24.885
- マンセルカラーシステム
- 2.5YR 2/4 ΔE = 3.050
- ブランドカラー
- Readability ΔE = 14.701