
HTML&CSS例
#636585前景
十人十色。
<p style="color: #636585">…</p>
#636585背景
猫に小判。
<p style="background-color: #636585">…</p>
#636585テキストに影をつける
虎穴に入らずんば虎子を得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #636585">…</p>
色空間変換
- 十進
- 6514053
- 二進法
- 01100011, 01100101, 10000101
- 十六進法
- #636585
- LRV
- ≈ 13.7%
- 最も近い短い16進数
- #668 ΔE = 1.073
- RGB
- rgb(99, 101, 133)
- RGBA
- rgba(99, 101, 133, 1.0)
- rg色度
- r: 0.297, g: 0.303, b: 0.399
- RYB
- 赤色: 38.824%, 黄色: 39.564%, 青色: 52.157%
- Android/android.graphics.Color
- -10263163/0xff636585
- HSL
- hsl(236, 15%, 45%)
- HSLA
- hsla(236, 15%, 45%, 1.0)
- HSV/HSB
- 色相: 236° (236.471), 飽和: 26% (0.256), 値: 52% (0.522)
- HSP
- 色相: 236.471, 飽和: 25.564%, 知覚される明るさ: 41.008%
- HSLuv(HUSL)
- H: 263.806, S: 20.092, L: 43.731
- Cubehelix
- H: -125.930, S: 0.241, L: 0.408
- TSL
- T: -2.809, S: 0.063, L: 0.408
- CMYK
- シアン色: 26% (0.256), マゼンタ色: 24% (0.241), 黄色: 0% (0.000), キー・プレート: 48% (0.478)
- CMY
- シアン色: 61% (0.612), マゼンタ色: 60% (0.604), 黄色: 48% (0.478)
- XYZ
- X: 14.032, Y: 13.653, Z: 24.082
- xyY
- x: 0.271, y: 0.264, Y: 13.653
- Lab色空間
- L: 43.731, a: 6.796, b: -17.965
- CIELuv
- L: 43.731, u: -2.849, v: -26.255
- CIELCH/LCHab
- L: 43.731, C: 19.207, H: 290.720
- CIELUV/LCHuv
- L: 43.731, C: 26.409, H: 263.806
- Hunter-Lab
- L: 36.950, a: 3.123, b: -12.776
- CIECAM02
- J: 33.504, C: 23.451, h: 273.560, Q: 114.041, M: 20.507, s: 42.406, H: 318.392
- OSA-UCS
- 明度: -10.214, 黄色: -3.192, 緑色: -0.164
- LMS
- L: 12.237, M: 13.450, S: 23.910
- YCbCr
- Y: 105.381, Cb: 142.344, Cr: 124.850
- YCgCo
- Y: 108.500, Cg: -7.500, Co: 16.250
- YDbDr
- Y: 104.050, Db: 43.556, Dr: 9.610
- YPbPr
- Y: 102.878, Pb: 16.230, Pr: -2.472
- xvYCC
- Y: 104.354, Cb: 142.257, Cr: 125.829
- YIQ
- Y: 104.050, I: -11.472, Q: 9.533
- YUV
- Y: 104.050, U: 14.247, V: -4.430
- マンセルカラーシステム
- 10PB 4/4 ΔE = 1.851
- ブランドカラー
- Heroku (dark) ΔE = 7.046