
HTML&CSS例
#abe1fa前景
案ずるより産むが易し。
<p style="color: #abe1fa">…</p>
#abe1fa背景
異体同心。
<p style="background-color: #abe1fa">…</p>
#abe1faテキストに影をつける
虎穴に入らずんば虎子を得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #abe1fa">…</p>
色空間変換
- 十進
- 11264506
- 二進法
- 10101011, 11100001, 11111010
- 十六進法
- #abe1fa
- LRV
- ≈ 69.4%
- 最も近い短い16進数
- #ade ΔE = 3.309
- RGB
- rgb(171, 225, 250)
- RGBA
- rgba(171, 225, 250, 1.0)
- rg色度
- r: 0.265, g: 0.348, b: 0.387
- RYB
- 赤色: 67.059%, 黄色: 79.637%, 青色: 98.039%
- Android/android.graphics.Color
- -5512710/0xffabe1fa
- HSL
- hsl(199, 89%, 83%)
- HSLA
- hsla(199, 89%, 83%, 1.0)
- HSV/HSB
- 色相: 199° (198.987), 飽和: 32% (0.316), 値: 98% (0.980)
- HSP
- 色相: 198.987, 飽和: 31.600%, 知覚される明るさ: 83.728%
- HSLuv(HUSL)
- H: 224.110, S: 86.314, L: 86.705
- Cubehelix
- H: -167.302, S: 0.797, L: 0.830
- TSL
- T: -1.880, S: 0.094, L: 0.830
- CMYK
- シアン色: 32% (0.316), マゼンタ色: 10% (0.100), 黄色: 0% (0.000), キー・プレート: 2% (0.020)
- CMY
- シアン色: 33% (0.329), マゼンタ色: 12% (0.118), 黄色: 2% (0.020)
- XYZ
- X: 60.970, Y: 69.407, Z: 100.608
- xyY
- x: 0.264, y: 0.300, Y: 69.407
- Lab色空間
- L: 86.705, a: -11.480, b: -17.721
- CIELuv
- L: 86.705, u: -27.194, v: -26.361
- CIELCH/LCHab
- L: 86.705, C: 21.115, H: 237.065
- CIELUV/LCHuv
- L: 86.705, C: 37.874, H: 224.110
- Hunter-Lab
- L: 83.311, a: -15.163, b: -13.282
- CIECAM02
- J: 80.785, C: 31.835, h: 226.531, Q: 177.082, M: 27.839, s: 39.650, H: 287.171
- OSA-UCS
- 明度: -10.133, 黄色: -3.014, 緑色: 2.832
- LMS
- L: 58.157, M: 75.535, S: 100.065
- YCbCr
- Y: 197.847, Cb: 146.967, Cr: 102.519
- YCoCg
- Y: 217.750, Cg: 7.250, Co: 23.000
- YDbDr
- Y: 211.704, Db: 57.625, Dr: 77.407
- YPbPr
- Y: 215.298, Pb: 18.710, Pr: -28.150
- xvYCC
- Y: 200.903, Cb: 144.435, Cr: 103.272
- YIQ
- Y: 211.704, I: -40.200, Q: -3.640
- YUV
- Y: 211.704, U: 18.847, V: -35.710
- マンセルカラーシステム
- 10B 8/6 ΔE = 2.483
- ブランドカラー
- Vimeo ΔE = 9.639