
HTML&CSS例
#4d2b1c前景
蛙の子は蛙。
<p style="color: #4d2b1c">…</p>
#4d2b1c背景
案ずるより産むが易し。
<p style="background-color: #4d2b1c">…</p>
#4d2b1cテキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #4d2b1c">…</p>
色空間変換
- 十進
- 5057308
- 二進法
- 01001101, 00101011, 00011100
- 十六進法
- #4d2b1c
- LRV
- ≈ 3.4%
- 最も近い短い16進数
- #532 ΔE = 3.537
- RGB
- rgb(77, 43, 28)
- RGBA
- rgba(77, 43, 28, 1.0)
- rg色度
- r: 0.520, g: 0.291, b: 0.189
- RYB
- 赤色: 30.196%, 黄色: 19.458%, 青色: 10.980%
- Android/android.graphics.Color
- -11719908/0xff4d2b1c
- HSL
- hsl(18, 47%, 21%)
- HSLA
- hsla(18, 47%, 21%, 1.0)
- HSV/HSB
- 色相: 18° (18.367), 飽和: 64% (0.636), 値: 30% (0.302)
- HSP
- 色相: 18.367, 飽和: 63.636%, 知覚される明るさ: 21.291%
- HSLuv(HUSL)
- H: 28.717, S: 62.537, L: 21.542
- Cubehelix
- H: 11.949, S: 0.434, L: 0.202
- TSL
- T: 3.571, S: 0.257, L: 0.202
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 44% (0.442), 黄色: 64% (0.636), キー・プレート: 70% (0.698)
- CMY
- シアン色: 70% (0.698), マゼンタ色: 83% (0.831), 黄色: 89% (0.890)
- XYZ
- X: 4.134, Y: 3.390, Z: 1.535
- xyY
- x: 0.456, y: 0.374, Y: 3.390
- Lab色空間
- L: 21.542, a: 14.025, b: 16.413
- CIELuv
- L: 21.542, u: 22.319, v: 12.228
- CIELCH/LCHab
- L: 21.542, C: 21.589, H: 49.486
- CIELUV/LCHuv
- L: 21.542, C: 25.449, H: 28.717
- Hunter-Lab
- L: 18.411, a: 7.863, b: 7.945
- CIECAM02
- J: 16.130, C: 22.529, h: 43.718, Q: 79.127, M: 19.701, s: 49.898, H: 30.833
- OSA-UCS
- 明度: -9.925, 黄色: 2.287, 緑色: -2.384
- LMS
- L: 4.237, M: 2.855, S: 1.568
- YCbCr
- Y: 60.205, Cb: 116.383, Cr: 143.991
- YCgCo
- Y: 47.750, Cg: -4.750, Co: 31.500
- YDbDr
- Y: 51.456, Db: -35.295, Dr: -48.577
- YPbPr
- Y: 49.162, Pb: -11.410, Pr: 17.690
- xvYCC
- Y: 58.221, Cb: 117.977, Cr: 143.539
- YIQ
- Y: 51.456, I: 25.073, Q: 2.522
- YUV
- Y: 51.456, U: -11.542, V: 22.410
- マンセルカラーシステム
- 5YR 2/4 ΔE = 2.224
- ブランドカラー
- Readability ΔE = 16.147