
HTML&CSS例
#abb6ce前景
異体同心。
<p style="color: #abb6ce">…</p>
#abb6ce背景
猫に小判。
<p style="background-color: #abb6ce">…</p>
#abb6ceテキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #abb6ce">…</p>
色空間変換
- 十進
- 11253454
- 二進法
- 10101011, 10110110, 11001110
- 十六進法
- #abb6ce
- LRV
- ≈ 46.6%
- 最も近い短い16進数
- #abd ΔE = 3.463
- RGB
- rgb(171, 182, 206)
- RGBA
- rgba(171, 182, 206, 1.0)
- rg色度
- r: 0.306, g: 0.326, b: 0.369
- RYB
- 赤色: 67.059%, 黄色: 70.341%, 青色: 80.784%
- Android/android.graphics.Color
- -5523762/0xffabb6ce
- HSL
- hsl(221, 26%, 74%)
- HSLA
- hsla(221, 26%, 74%, 1.0)
- HSV/HSB
- 色相: 221° (221.143), 飽和: 17% (0.170), 値: 81% (0.808)
- HSP
- 色相: 221.143, 飽和: 16.990%, 知覚される明るさ: 71.265%
- HSLuv(HUSL)
- H: 251.016, S: 31.661, L: 73.913
- Cubehelix
- H: -140.840, S: 0.255, L: 0.711
- TSL
- T: -2.150, S: 0.038, L: 0.712
- CMYK
- シアン色: 17% (0.170), マゼンタ色: 12% (0.117), 黄色: 0% (0.000), キー・プレート: 19% (0.192)
- CMY
- シアン色: 33% (0.329), マゼンタ色: 29% (0.286), 黄色: 19% (0.192)
- XYZ
- X: 44.660, Y: 46.569, Z: 65.016
- xyY
- x: 0.286, y: 0.298, Y: 46.569
- Lab色空間
- L: 73.913, a: 1.157, b: -13.393
- CIELuv
- L: 73.913, u: -7.149, v: -20.782
- CIELCH/LCHab
- L: 73.913, C: 13.443, H: 274.939
- CIELUV/LCHuv
- L: 73.913, C: 21.977, H: 251.016
- Hunter-Lab
- L: 68.242, a: -2.604, b: -8.719
- CIECAM02
- J: 65.662, C: 19.057, h: 257.149, Q: 159.649, M: 16.665, s: 32.308, H: 309.612
- OSA-UCS
- 明度: -10.141, 黄色: -2.390, 緑色: 0.566
- LMS
- L: 42.175, M: 48.025, S: 64.704
- YCbCr
- Y: 171.863, Cb: 140.164, Cr: 121.467
- YCgCo
- Y: 185.250, Cg: -3.250, Co: 34.000
- YDbDr
- Y: 181.447, Db: 36.942, Dr: 19.871
- YPbPr
- Y: 181.385, Pb: 13.265, Pr: -6.604
- xvYCC
- Y: 171.778, Cb: 139.652, Cr: 122.199
- YIQ
- Y: 181.447, I: -14.263, Q: 5.141
- YUV
- Y: 181.447, U: 12.084, V: -9.165
- マンセルカラーシステム
- 7.5PB 7/4 ΔE = 0.728
- ブランドカラー
- Heroku (light) ΔE = 8.155