
HTML&CSS例
#32384c前景
二兎を追う者は一兎をも得ず。
<p style="color: #32384c">…</p>
#32384c背景
美人薄命。
<p style="background-color: #32384c">…</p>
#32384cテキストに影をつける
見ぬが花。
<p style="text-shadow: 0.1em 0.1em 0.15em #32384c">…</p>
色空間変換
- 十進
- 3291212
- 二進法
- 00110010, 00111000, 01001100
- 十六進法
- #32384c
- LRV
- ≈ 4.0%
- 最も近い短い16進数
- #334 ΔE = 2.893
- RGB
- rgb(50, 56, 76)
- RGBA
- rgba(50, 56, 76, 1.0)
- rg色度
- r: 0.275, g: 0.308, b: 0.418
- RYB
- 赤色: 19.608%, 黄色: 21.520%, 青色: 29.804%
- Android/android.graphics.Color
- -13486004/0xff32384c
- HSL
- hsl(226, 21%, 25%)
- HSLA
- hsla(226, 21%, 25%, 1.0)
- HSV/HSB
- 色相: 226° (226.154), 飽和: 34% (0.342), 値: 30% (0.298)
- HSP
- 色相: 226.154, 飽和: 34.211%, 知覚される明るさ: 22.345%
- HSLuv(HUSL)
- H: 256.881, S: 29.275, L: 23.764
- Cubehelix
- H: -135.536, S: 0.235, L: 0.221
- TSL
- T: -2.365, S: 0.086, L: 0.222
- CMYK
- シアン色: 34% (0.342), マゼンタ色: 26% (0.263), 黄色: 0% (0.000), キー・プレート: 70% (0.702)
- CMY
- シアン色: 80% (0.804), マゼンタ色: 78% (0.780), 黄色: 70% (0.702)
- XYZ
- X: 4.034, Y: 4.028, Z: 7.401
- xyY
- x: 0.261, y: 0.261, Y: 4.028
- Lab色空間
- L: 23.764, a: 3.007, b: -13.063
- CIELuv
- L: 23.764, u: -3.600, v: -15.445
- CIELCH/LCHab
- L: 23.764, C: 13.405, H: 282.965
- CIELUV/LCHuv
- L: 23.764, C: 15.858, H: 256.881
- Hunter-Lab
- L: 20.070, a: 0.752, b: -7.815
- CIECAM02
- J: 16.980, C: 18.289, h: 263.931, Q: 81.187, M: 15.993, s: 44.384, H: 313.153
- OSA-UCS
- 明度: -10.220, 黄色: -2.296, 緑色: 0.224
- LMS
- L: 3.484, M: 4.045, S: 7.345
- YCbCr
- Y: 64.522, Cb: 137.668, Cr: 123.946
- YCoCg
- Y: 59.500, Cg: -3.500, Co: 6.000
- YDbDr
- Y: 56.486, Db: 29.360, Dr: 12.338
- YPbPr
- Y: 56.162, Pb: 10.690, Pr: -3.920
- xvYCC
- Y: 64.233, Cb: 137.390, Cr: 124.557
- YIQ
- Y: 56.486, I: -10.000, Q: 4.954
- YUV
- Y: 56.486, U: 9.603, V: -5.690
- マンセルカラーシステム
- 5PB 2/4 ΔE = 3.589
- ブランドカラー
- Dunked ΔE = 7.380