
HTML&CSS例
#6577a2前景
知らぬが仏。
<p style="color: #6577a2">…</p>
#6577a2背景
自業自得。
<p style="background-color: #6577a2">…</p>
#6577a2テキストに影をつける
案ずるより産むが易し。
<p style="text-shadow: 0.1em 0.1em 0.15em #6577a2">…</p>
色空間変換
- 十進
- 6649762
- 二進法
- 01100101, 01110111, 10100010
- 十六進法
- #6577a2
- LRV
- ≈ 18.6%
- 最も近い短い16進数
- #67a ΔE = 2.261
- RGB
- rgb(101, 119, 162)
- RGBA
- rgba(101, 119, 162, 1.0)
- rg色度
- r: 0.264, g: 0.312, b: 0.424
- RYB
- 赤色: 39.608%, 黄色: 45.058%, 青色: 63.529%
- Android/android.graphics.Color
- -10127454/0xff6577a2
- HSL
- hsl(222, 25%, 52%)
- HSLA
- hsla(222, 25%, 52%, 1.0)
- HSV/HSB
- 色相: 222° (222.295), 飽和: 38% (0.377), 値: 64% (0.635)
- HSP
- 色相: 222.295, 飽和: 37.654%, 知覚される明るさ: 46.984%
- HSLuv(HUSL)
- H: 254.286, S: 38.617, L: 50.178
- Cubehelix
- H: -139.586, S: 0.370, L: 0.464
- TSL
- T: -2.199, S: 0.097, L: 0.465
- CMYK
- シアン色: 38% (0.377), マゼンタ色: 27% (0.265), 黄色: 0% (0.000), キー・プレート: 36% (0.365)
- CMY
- シアン色: 60% (0.604), マゼンタ色: 53% (0.533), 黄色: 36% (0.365)
- XYZ
- X: 18.483, Y: 18.568, Z: 36.786
- xyY
- x: 0.250, y: 0.251, Y: 18.568
- Lab色空間
- L: 50.178, a: 4.429, b: -25.195
- CIELuv
- L: 50.178, u: -10.664, v: -37.902
- CIELCH/LCHab
- L: 50.178, C: 25.581, H: 279.969
- CIELUV/LCHuv
- L: 50.178, C: 39.373, H: 254.286
- Hunter-Lab
- L: 43.091, a: 1.157, b: -20.451
- CIECAM02
- J: 39.368, C: 32.193, h: 259.718, Q: 123.618, M: 28.152, s: 47.722, H: 310.940
- OSA-UCS
- 明度: -10.240, 黄色: -4.410, 緑色: 0.717
- LMS
- L: 15.547, M: 18.739, S: 36.483
- YCbCr
- Y: 117.809, Cb: 149.541, Cr: 117.045
- YCgCo
- Y: 125.250, Cg: -6.250, Co: 10.000
- YDbDr
- Y: 118.520, Db: 65.419, Dr: 33.325
- YPbPr
- Y: 118.262, Pb: 23.570, Pr: -10.978
- xvYCC
- Y: 117.566, Cb: 148.705, Cr: 118.357
- YIQ
- Y: 118.520, I: -24.537, Q: 9.573
- YUV
- Y: 118.520, U: 21.398, V: -15.370
- マンセルカラーシステム
- 7.5PB 5/6 ΔE = 4.251
- ブランドカラー
- PayPal (light) ΔE = 6.157