
HTML&CSS例
#a2d5e7前景
十人十色。
<p style="color: #a2d5e7">…</p>
#a2d5e7背景
会者定離。
<p style="background-color: #a2d5e7">…</p>
#a2d5e7テキストに影をつける
花より団子。
<p style="text-shadow: 0.1em 0.1em 0.15em #a2d5e7">…</p>
色空間変換
- 十進
- 10671591
- 二進法
- 10100010, 11010101, 11100111
- 十六進法
- #a2d5e7
- LRV
- ≈ 61.0%
- 最も近い短い16進数
- #ade ΔE = 2.851
- RGB
- rgb(162, 213, 231)
- RGBA
- rgba(162, 213, 231, 1.0)
- rg色度
- r: 0.267, g: 0.351, b: 0.381
- RYB
- 赤色: 63.529%, 黄色: 75.029%, 青色: 90.588%
- Android/android.graphics.Color
- -6105625/0xffa2d5e7
- HSL
- hsl(196, 59%, 77%)
- HSLA
- hsla(196, 59%, 77%, 1.0)
- HSV/HSB
- 色相: 196° (195.652), 飽和: 30% (0.299), 値: 91% (0.906)
- HSP
- 色相: 195.652, 飽和: 29.870%, 知覚される明るさ: 78.980%
- HSLuv(HUSL)
- H: 218.237, S: 50.516, L: 82.399
- Cubehelix
- H: -171.296, S: 0.586, L: 0.783
- TSL
- T: -1.796, S: 0.092, L: 0.784
- CMYK
- シアン色: 30% (0.299), マゼンタ色: 8% (0.078), 黄色: 0% (0.000), キー・プレート: 9% (0.094)
- CMY
- シアン色: 36% (0.365), マゼンタ色: 16% (0.165), 黄色: 9% (0.094)
- XYZ
- X: 53.114, Y: 61.037, Z: 84.568
- xyY
- x: 0.267, y: 0.307, Y: 61.037
- Lab色空間
- L: 82.399, a: -12.294, b: -14.190
- CIELuv
- L: 82.399, u: -25.745, v: -20.286
- CIELCH/LCHab
- L: 82.399, C: 18.775, H: 229.095
- CIELUV/LCHuv
- L: 82.399, C: 32.777, H: 218.237
- Hunter-Lab
- L: 78.126, a: -15.368, b: -9.491
- CIECAM02
- J: 75.334, C: 28.911, h: 221.120, Q: 171.004, M: 25.282, s: 38.451, H: 280.615
- OSA-UCS
- 明度: -10.119, 黄色: -2.408, 緑色: 2.785
- LMS
- L: 51.409, M: 66.755, S: 84.154
- YCbCr
- Y: 187.624, Cb: 143.450, Cr: 104.333
- YCgCo
- Y: 204.750, Cg: 8.250, Co: 23.250
- YDbDr
- Y: 199.803, Db: 46.944, Dr: 71.889
- YPbPr
- Y: 203.433, Pb: 14.865, Pr: -26.328
- xvYCC
- Y: 190.713, Cb: 141.058, Cr: 104.873
- YIQ
- Y: 199.803, I: -36.164, Q: -5.184
- YUV
- Y: 199.803, U: 15.354, V: -33.165
- マンセルカラーシステム
- 10B 8/6 ΔE = 2.632
- ブランドカラー
- Vimeo ΔE = 7.628