
HTML&CSS例
#646ea6前景
花より団子。
<p style="color: #646ea6">…</p>
#646ea6背景
弱肉強食。
<p style="background-color: #646ea6">…</p>
#646ea6テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #646ea6">…</p>
色空間変換
- 十進
- 6581926
- 二進法
- 01100100, 01101110, 10100110
- 十六進法
- #646ea6
- LRV
- ≈ 16.6%
- 最も近い短い16進数
- #669 ΔE = 3.520
- RGB
- rgb(100, 110, 166)
- RGBA
- rgba(100, 110, 166, 1.0)
- rg色度
- r: 0.266, g: 0.293, b: 0.441
- RYB
- 赤色: 39.216%, 黄色: 42.621%, 青色: 65.098%
- Android/android.graphics.Color
- -10195290/0xff646ea6
- HSL
- hsl(231, 27%, 52%)
- HSLA
- hsla(231, 27%, 52%, 1.0)
- HSV/HSB
- 色相: 231° (230.909), 飽和: 40% (0.398), 値: 65% (0.651)
- HSP
- 色相: 230.909, 飽和: 39.759%, 知覚される明るさ: 45.114%
- HSLuv(HUSL)
- H: 260.877, S: 37.979, L: 47.769
- Cubehelix
- H: -130.883, S: 0.433, L: 0.444
- TSL
- T: -2.572, S: 0.106, L: 0.445
- CMYK
- シアン色: 40% (0.398), マゼンタ色: 34% (0.337), 黄色: 0% (0.000), キー・プレート: 35% (0.349)
- CMY
- シアン色: 61% (0.608), マゼンタ色: 57% (0.569), 黄色: 35% (0.349)
- XYZ
- X: 17.712, Y: 16.614, Z: 38.342
- xyY
- x: 0.244, y: 0.229, Y: 16.614
- Lab色空間
- L: 47.769, a: 10.726, b: -31.286
- CIELuv
- L: 47.769, u: -7.665, v: -47.730
- CIELCH/LCHab
- L: 47.769, C: 33.073, H: 288.924
- CIELUV/LCHuv
- L: 47.769, C: 48.341, H: 260.877
- Hunter-Lab
- L: 40.760, a: 6.238, b: -27.242
- CIECAM02
- J: 37.098, C: 37.411, h: 268.137, Q: 120.002, M: 32.715, s: 52.213, H: 315.410
- OSA-UCS
- 明度: -10.296, 黄色: -5.539, 緑色: 0.126
- LMS
- L: 13.890, M: 15.973, S: 37.985
- YCbCr
- Y: 113.408, Cb: 154.064, Cr: 119.634
- YCgCo
- Y: 121.500, Cg: -11.500, Co: 8.500
- YDbDr
- Y: 113.394, Db: 79.148, Dr: 25.482
- YPbPr
- Y: 111.902, Pb: 29.150, Pr: -7.576
- xvYCC
- Y: 112.104, Cb: 153.606, Cr: 121.345
- YIQ
- Y: 113.394, I: -23.948, Q: 15.309
- YUV
- Y: 113.394, U: 25.888, V: -11.751
- マンセルカラーシステム
- 7.5PB 4/10 ΔE = 4.607
- ブランドカラー
- Heroku (dark) ΔE = 3.097