
HTML&CSS例
#33342b前景
美人薄命。
<p style="color: #33342b">…</p>
#33342b背景
海千山千。
<p style="background-color: #33342b">…</p>
#33342bテキストに影をつける
案ずるより産むが易し。
<p style="text-shadow: 0.1em 0.1em 0.15em #33342b">…</p>
色空間変換
- 十進
- 3355691
- 二進法
- 00110011, 00110100, 00101011
- 十六進法
- #33342b
- LRV
- ≈ 3.3%
- 最も近い短い16進数
- #332 ΔE = 3.625
- RGB
- rgb(51, 52, 43)
- RGBA
- rgba(51, 52, 43, 1.0)
- rg色度
- r: 0.349, g: 0.356, b: 0.295
- RYB
- 赤色: 16.863%, 黄色: 20.392%, 青色: 17.255%
- Android/android.graphics.Color
- -13421525/0xff33342b
- HSL
- hsl(67, 9%, 19%)
- HSLA
- hsla(67, 9%, 19%, 1.0)
- HSV/HSB
- 色相: 67° (66.667), 飽和: 17% (0.173), 値: 20% (0.204)
- HSP
- 色相: 66.667, 飽和: 17.308%, 知覚される明るさ: 19.903%
- HSLuv(HUSL)
- H: 90.920, S: 24.324, L: 21.336
- Cubehelix
- H: -297.610, S: 0.096, L: 0.199
- TSL
- T: 1.209, S: 0.037, L: 0.199
- CMYK
- シアン色: 2% (0.019), マゼンタ色: 0% (0.000), 黄色: 17% (0.173), キー・プレート: 80% (0.796)
- CMY
- シアン色: 80% (0.800), マゼンタ色: 80% (0.796), 黄色: 83% (0.831)
- XYZ
- X: 3.029, Y: 3.334, Z: 2.769
- xyY
- x: 0.332, y: 0.365, Y: 3.334
- Lab色空間
- L: 21.336, a: -2.403, b: 5.557
- CIELuv
- L: 21.336, u: -0.093, v: 5.768
- CIELCH/LCHab
- L: 21.336, C: 6.054, H: 113.384
- CIELUV/LCHuv
- L: 21.336, C: 5.768, H: 90.920
- Hunter-Lab
- L: 18.260, a: -2.342, b: 3.791
- CIECAM02
- J: 15.397, C: 6.170, h: 111.040, Q: 77.309, M: 5.396, s: 26.419, H: 136.098
- OSA-UCS
- 明度: -10.013, 黄色: 0.843, 緑色: 0.384
- LMS
- L: 3.203, M: 3.545, S: 2.777
- YCbCr
- Y: 59.529, Cb: 124.197, Cr: 128.200
- YCoCg
- Y: 49.500, Cg: 2.500, Co: 14.750
- YDbDr
- Y: 50.675, Db: -11.547, Dr: -0.620
- YPbPr
- Y: 51.139, Pb: -4.385, Pr: -0.086
- xvYCC
- Y: 59.919, Cb: 124.148, Cr: 127.924
- YIQ
- Y: 50.675, I: 2.296, Q: -3.012
- YUV
- Y: 50.675, U: -3.776, V: 0.285
- マンセルカラーシステム
- 2.5GY 2/2 ΔE = 2.015
- ブランドカラー
- Code School ΔE = 9.897