
HTML&CSS例
#616eab前景
覆水盆に帰らず。
<p style="color: #616eab">…</p>
#616eab背景
井の中の蛙大海を知らず。
<p style="background-color: #616eab">…</p>
#616eabテキストに影をつける
馬鹿は死ななきゃ治らない。
<p style="text-shadow: 0.1em 0.1em 0.15em #616eab">…</p>
色空間変換
- 十進
- 6385323
- 二進法
- 01100001, 01101110, 10101011
- 十六進法
- #616eab
- LRV
- ≈ 16.6%
- 最も近い短い16進数
- #56a ΔE = 3.488
- RGB
- rgb(97, 110, 171)
- RGBA
- rgba(97, 110, 171, 1.0)
- rg色度
- r: 0.257, g: 0.291, b: 0.452
- RYB
- 赤色: 38.039%, 黄色: 42.375%, 青色: 67.059%
- Android/android.graphics.Color
- -10391893/0xff616eab
- HSL
- hsl(229, 31%, 53%)
- HSLA
- hsla(229, 31%, 53%, 1.0)
- HSV/HSB
- 色相: 229° (229.459), 飽和: 43% (0.433), 値: 67% (0.671)
- HSP
- 色相: 229.459, 飽和: 43.275%, 知覚される明るさ: 45.140%
- HSLuv(HUSL)
- H: 260.175, S: 41.681, L: 47.794
- Cubehelix
- H: -132.261, S: 0.480, L: 0.442
- TSL
- T: -2.509, S: 0.118, L: 0.443
- CMYK
- シアン色: 43% (0.433), マゼンタ色: 36% (0.357), 黄色: 0% (0.000), キー・プレート: 33% (0.329)
- CMY
- シアン色: 62% (0.620), マゼンタ色: 57% (0.569), 黄色: 33% (0.329)
- XYZ
- X: 17.854, Y: 16.633, Z: 40.790
- xyY
- x: 0.237, y: 0.221, Y: 16.633
- Lab色空間
- L: 47.794, a: 11.381, b: -34.187
- CIELuv
- L: 47.794, u: -9.062, v: -52.330
- CIELCH/LCHab
- L: 47.794, C: 36.032, H: 288.413
- CIELUV/LCHuv
- L: 47.794, C: 53.109, H: 260.175
- Hunter-Lab
- L: 40.783, a: 6.774, b: -30.752
- CIECAM02
- J: 37.042, C: 40.338, h: 266.611, Q: 119.911, M: 35.275, s: 54.238, H: 314.586
- OSA-UCS
- 明度: -10.316, 黄色: -6.053, 緑色: 0.279
- LMS
- L: 13.605, M: 15.921, S: 40.392
- YCbCr
- Y: 113.127, Cb: 156.703, Cr: 117.962
- YCoCg
- Y: 122.000, Cg: -12.000, Co: 5.750
- YDbDr
- Y: 113.067, Db: 87.163, Dr: 30.566
- YPbPr
- Y: 111.623, Pb: 31.995, Pr: -9.306
- xvYCC
- Y: 111.864, Cb: 156.105, Cr: 119.825
- YIQ
- Y: 113.067, I: -27.341, Q: 16.230
- YUV
- Y: 113.067, U: 28.510, V: -14.096
- マンセルカラーシステム
- 7.5PB 4/10 ΔE = 4.172
- ブランドカラー
- Heroku (dark) ΔE = 3.007