
HTML&CSS例
#5a688b前景
我田引水。
<p style="color: #5a688b">…</p>
#5a688b背景
二兎を追う者は一兎をも得ず。
<p style="background-color: #5a688b">…</p>
#5a688bテキストに影をつける
虎穴に入らずんば虎子を得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #5a688b">…</p>
色空間変換
- 十進
- 5925003
- 二進法
- 01011010, 01101000, 10001011
- 十六進法
- #5a688b
- LRV
- ≈ 13.9%
- 最も近い短い16進数
- #568 ΔE = 1.371
- RGB
- rgb(90, 104, 139)
- RGBA
- rgba(90, 104, 139, 1.0)
- rg色度
- r: 0.270, g: 0.312, b: 0.417
- RYB
- 赤色: 35.294%, 黄色: 39.564%, 青色: 54.510%
- Android/android.graphics.Color
- -10852213/0xff5a688b
- HSL
- hsl(223, 21%, 45%)
- HSLA
- hsla(223, 21%, 45%, 1.0)
- HSV/HSB
- 色相: 223° (222.857), 飽和: 35% (0.353), 値: 55% (0.545)
- HSP
- 色相: 222.857, 飽和: 35.252%, 知覚される明るさ: 41.080%
- HSLuv(HUSL)
- H: 254.461, S: 34.957, L: 44.144
- Cubehelix
- H: -138.982, S: 0.308, L: 0.406
- TSL
- T: -2.223, S: 0.089, L: 0.407
- CMYK
- シアン色: 35% (0.353), マゼンタ色: 25% (0.252), 黄色: 0% (0.000), キー・プレート: 45% (0.455)
- CMY
- シアン色: 65% (0.647), マゼンタ色: 59% (0.592), 黄色: 45% (0.455)
- XYZ
- X: 13.826, Y: 13.938, Z: 26.383
- xyY
- x: 0.255, y: 0.257, Y: 13.938
- Lab色空間
- L: 44.144, a: 3.718, b: -20.990
- CIELuv
- L: 44.144, u: -8.461, v: -30.431
- CIELCH/LCHab
- L: 44.144, C: 21.317, H: 280.044
- CIELUV/LCHuv
- L: 44.144, C: 31.586, H: 254.461
- Hunter-Lab
- L: 37.333, a: 0.770, b: -15.766
- CIECAM02
- J: 33.658, C: 27.608, h: 260.349, Q: 114.302, M: 24.143, s: 45.959, H: 311.268
- OSA-UCS
- 明度: -10.227, 黄色: -3.676, 緑色: 0.566
- LMS
- L: 11.834, M: 14.093, S: 26.176
- YCbCr
- Y: 105.168, Cb: 145.437, Cr: 119.369
- YCgCo
- Y: 109.250, Cg: -5.250, Co: 10.250
- YDbDr
- Y: 103.804, Db: 52.955, Dr: 26.257
- YPbPr
- Y: 103.538, Pb: 19.110, Pr: -8.610
- xvYCC
- Y: 104.921, Cb: 144.787, Cr: 120.437
- YIQ
- Y: 103.804, I: -19.584, Q: 7.929
- YUV
- Y: 103.804, U: 17.321, V: -12.110
- マンセルカラーシステム
- 7.5PB 4/6 ΔE = 1.658
- ブランドカラー
- Instagram ΔE = 6.723