
HTML&CSS例
#b16340前景
虎穴に入らずんば虎子を得ず。
<p style="color: #b16340">…</p>
#b16340背景
美人薄命。
<p style="background-color: #b16340">…</p>
#b16340テキストに影をつける
見ぬが花。
<p style="text-shadow: 0.1em 0.1em 0.15em #b16340">…</p>
色空間変換
- 十進
- 11625280
- 二進法
- 10110001, 01100011, 01000000
- 十六進法
- #b16340
- LRV
- ≈ 18.6%
- 最も近い短い16進数
- #a64 ΔE = 2.033
- RGB
- rgb(177, 99, 64)
- RGBA
- rgba(177, 99, 64, 1.0)
- rg色度
- r: 0.521, g: 0.291, b: 0.188
- RYB
- 赤色: 69.412%, 黄色: 44.982%, 青色: 25.098%
- Android/android.graphics.Color
- -5151936/0xffb16340
- HSL
- hsl(19, 47%, 47%)
- HSLA
- hsla(19, 47%, 47%, 1.0)
- HSV/HSB
- 色相: 19° (18.584), 飽和: 64% (0.638), 値: 69% (0.694)
- HSP
- 色相: 18.584, 飽和: 63.842%, 知覚される明るさ: 48.961%
- HSLuv(HUSL)
- H: 27.726, S: 69.652, L: 50.267
- Cubehelix
- H: 12.211, S: 0.649, L: 0.465
- TSL
- T: 3.565, S: 0.258, L: 0.464
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 44% (0.441), 黄色: 64% (0.638), キー・プレート: 31% (0.306)
- CMY
- シアン色: 31% (0.306), マゼンタ色: 61% (0.612), 黄色: 75% (0.749)
- XYZ
- X: 23.521, Y: 18.643, Z: 7.209
- xyY
- x: 0.476, y: 0.378, Y: 18.643
- Lab色空間
- L: 50.267, a: 28.276, b: 33.343
- CIELuv
- L: 50.267, u: 60.004, v: 31.537
- CIELCH/LCHab
- L: 50.267, C: 43.718, H: 49.701
- CIELUV/LCHuv
- L: 50.267, C: 67.787, H: 27.726
- Hunter-Lab
- L: 43.178, a: 21.674, b: 20.325
- CIECAM02
- J: 41.560, C: 41.688, h: 44.050, Q: 127.014, M: 36.455, s: 53.574, H: 31.286
- OSA-UCS
- 明度: -9.897, 黄色: 4.601, 緑色: -4.803
- LMS
- L: 24.074, M: 15.142, S: 7.414
- YCbCr
- Y: 117.657, Cb: 101.091, Cr: 164.727
- YCgCo
- Y: 109.750, Cg: -10.750, Co: 72.500
- YDbDr
- Y: 118.332, Db: -81.755, Dr: -111.569
- YPbPr
- Y: 113.094, Pb: -26.470, Pr: 40.610
- xvYCC
- Y: 113.128, Cb: 104.748, Cr: 163.673
- YIQ
- Y: 118.332, I: 57.710, Q: 5.604
- YUV
- Y: 118.332, U: -26.735, V: 51.470
- マンセルカラーシステム
- 2.5YR 5/8 ΔE = 1.244
- ブランドカラー
- WordPress (orange) ΔE = 7.209