
HTML&CSS例
#d28164前景
自業自得。
<p style="color: #d28164">…</p>
#d28164背景
二兎を追う者は一兎をも得ず。
<p style="background-color: #d28164">…</p>
#d28164テキストに影をつける
十人十色。
<p style="text-shadow: 0.1em 0.1em 0.15em #d28164">…</p>
色空間変換
- 十進
- 13795684
- 二進法
- 11010010, 10000001, 01100100
- 十六進法
- #d28164
- LRV
- ≈ 30.3%
- 最も近い短い16進数
- #d86 ΔE = 3.253
- RGB
- rgb(210, 129, 100)
- RGBA
- rgba(210, 129, 100, 1.0)
- rg色度
- r: 0.478, g: 0.294, b: 0.228
- RYB
- 赤色: 82.353%, 黄色: 54.660%, 青色: 39.216%
- Android/android.graphics.Color
- -2981532/0xffd28164
- HSL
- hsl(16, 55%, 61%)
- HSLA
- hsla(16, 55%, 61%, 1.0)
- HSV/HSB
- 色相: 16° (15.818), 飽和: 52% (0.524), 値: 82% (0.824)
- HSP
- 色相: 15.818, 飽和: 52.381%, 知覚される明るさ: 60.872%
- HSLuv(HUSL)
- H: 26.742, S: 54.598, L: 61.934
- Cubehelix
- H: 8.900, S: 0.655, L: 0.589
- TSL
- T: 3.635, S: 0.202, L: 0.588
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 39% (0.386), 黄色: 52% (0.524), キー・プレート: 18% (0.176)
- CMY
- シアン色: 18% (0.176), マゼンタ色: 49% (0.494), 黄色: 61% (0.608)
- XYZ
- X: 36.731, Y: 30.326, Z: 15.973
- xyY
- x: 0.442, y: 0.365, Y: 30.326
- Lab色空間
- L: 61.934, a: 28.273, b: 28.889
- CIELuv
- L: 61.934, u: 59.965, v: 30.214
- CIELCH/LCHab
- L: 61.934, C: 40.422, H: 45.617
- CIELUV/LCHuv
- L: 61.934, C: 67.147, H: 26.742
- Hunter-Lab
- L: 55.069, a: 22.691, b: 21.351
- CIECAM02
- J: 53.977, C: 38.380, h: 40.085, Q: 144.749, M: 33.563, s: 48.153, H: 25.906
- OSA-UCS
- 明度: -9.953, 黄色: 4.010, 緑色: -4.834
- LMS
- L: 37.350, M: 25.731, S: 16.231
- YCbCr
- Y: 144.786, Cb: 103.281, Cr: 165.618
- YCgCo
- Y: 142.000, Cg: -13.000, Co: 80.000
- YDbDr
- Y: 149.913, Db: -75.107, Dr: -114.266
- YPbPr
- Y: 144.165, Pb: -23.815, Pr: 41.834
- xvYCC
- Y: 139.812, Cb: 107.080, Cr: 164.748
- YIQ
- Y: 149.913, I: 57.570, Q: 8.105
- YUV
- Y: 149.913, U: -24.560, V: 52.715
- マンセルカラーシステム
- 10R 6/8 ΔE = 2.033
- ブランドカラー
- Disqus (orange) ΔE = 7.755