
HTML&CSS例
#657cac前景
蛙の子は蛙。
<p style="color: #657cac">…</p>
#657cac背景
酔生夢死。
<p style="background-color: #657cac">…</p>
#657cacテキストに影をつける
会者定離。
<p style="text-shadow: 0.1em 0.1em 0.15em #657cac">…</p>
色空間変換
- 十進
- 6651052
- 二進法
- 01100101, 01111100, 10101100
- 十六進法
- #657cac
- LRV
- ≈ 20.2%
- 最も近い短い16進数
- #67a ΔE = 2.297
- RGB
- rgb(101, 124, 172)
- RGBA
- rgba(101, 124, 172, 1.0)
- rg色度
- r: 0.254, g: 0.312, b: 0.433
- RYB
- 赤色: 39.608%, 黄色: 46.421%, 青色: 67.451%
- Android/android.graphics.Color
- -10126164/0xff657cac
- HSL
- hsl(221, 30%, 54%)
- HSLA
- hsla(221, 30%, 54%, 1.0)
- HSV/HSB
- 色相: 221° (220.563), 飽和: 41% (0.413), 値: 67% (0.675)
- HSP
- 色相: 220.563, 飽和: 41.279%, 知覚される明るさ: 48.742%
- HSLuv(HUSL)
- H: 253.220, S: 44.185, L: 52.017
- Cubehelix
- H: -141.479, S: 0.425, L: 0.480
- TSL
- T: -2.126, S: 0.110, L: 0.481
- CMYK
- シアン色: 41% (0.413), マゼンタ色: 28% (0.279), 黄色: 0% (0.000), キー・プレート: 33% (0.325)
- CMY
- シアン色: 60% (0.604), マゼンタ色: 51% (0.514), 黄色: 33% (0.325)
- XYZ
- X: 20.019, Y: 20.160, Z: 41.858
- xyY
- x: 0.244, y: 0.246, Y: 20.160
- Lab色空間
- L: 52.017, a: 4.310, b: -28.153
- CIELuv
- L: 52.017, u: -12.914, v: -42.827
- CIELCH/LCHab
- L: 52.017, C: 28.481, H: 278.704
- CIELUV/LCHuv
- L: 52.017, C: 44.732, H: 253.220
- Hunter-Lab
- L: 44.899, a: 1.011, b: -23.844
- CIECAM02
- J: 41.098, C: 35.572, h: 257.780, Q: 126.305, M: 31.107, s: 49.627, H: 309.937
- OSA-UCS
- 明度: -10.253, 黄色: -4.921, 緑色: 0.955
- LMS
- L: 16.532, M: 20.391, S: 41.497
- YCbCr
- Y: 121.309, Cb: 152.476, Cr: 114.495
- YCgCo
- Y: 130.250, Cg: -6.250, Co: 7.500
- YDbDr
- Y: 122.595, Db: 74.334, Dr: 41.075
- YPbPr
- Y: 122.557, Pb: 26.645, Pr: -13.708
- xvYCC
- Y: 121.255, Cb: 151.406, Cr: 115.958
- YIQ
- Y: 122.595, I: -29.122, Q: 10.071
- YUV
- Y: 122.595, U: 24.313, V: -18.945
- マンセルカラーシステム
- 7.5PB 5/8 ΔE = 2.947
- ブランドカラー
- PayPal (light) ΔE = 5.312