
HTML&CSS例
#c0d7ec前景
猿も木から落ちる。
<p style="color: #c0d7ec">…</p>
#c0d7ec背景
自業自得。
<p style="background-color: #c0d7ec">…</p>
#c0d7ecテキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #c0d7ec">…</p>
色空間変換
- 十進
- 12638188
- 二進法
- 11000000, 11010111, 11101100
- 十六進法
- #c0d7ec
- LRV
- ≈ 65.9%
- 最も近い短い16進数
- #cde ΔE = 3.105
- RGB
- rgb(192, 215, 236)
- RGBA
- rgba(192, 215, 236, 1.0)
- rg色度
- r: 0.299, g: 0.334, b: 0.367
- RYB
- 赤色: 75.294%, 黄色: 81.217%, 青色: 92.549%
- Android/android.graphics.Color
- -4139028/0xffc0d7ec
- HSL
- hsl(209, 54%, 84%)
- HSLA
- hsla(209, 54%, 84%, 1.0)
- HSV/HSB
- 色相: 209° (208.636), 飽和: 19% (0.186), 値: 93% (0.925)
- HSP
- 色相: 208.636, 飽和: 18.644%, 知覚される明るさ: 82.731%
- HSLuv(HUSL)
- H: 236.330, S: 54.563, L: 84.926
- Cubehelix
- H: -155.481, S: 0.433, L: 0.825
- TSL
- T: -2.171, S: 0.047, L: 0.826
- CMYK
- シアン色: 19% (0.186), マゼンタ色: 9% (0.089), 黄色: 0% (0.000), キー・プレート: 7% (0.075)
- CMY
- シアン色: 25% (0.247), マゼンタ色: 16% (0.157), 黄色: 7% (0.075)
- XYZ
- X: 61.175, Y: 65.862, Z: 88.830
- xyY
- x: 0.283, y: 0.305, Y: 65.862
- Lab色空間
- L: 84.926, a: -3.326, b: -12.870
- CIELuv
- L: 84.926, u: -13.072, v: -19.623
- CIELCH/LCHab
- L: 84.926, C: 13.293, H: 255.511
- CIELUV/LCHuv
- L: 84.926, C: 23.578, H: 236.330
- Hunter-Lab
- L: 81.155, a: -7.468, b: -8.088
- CIECAM02
- J: 79.131, C: 20.682, h: 240.129, Q: 175.260, M: 18.086, s: 32.124, H: 301.223
- OSA-UCS
- 明度: -10.127, 黄色: -2.274, 緑色: 1.298
- LMS
- L: 58.697, M: 69.300, S: 88.435
- YCbCr
- Y: 196.832, Cb: 140.623, Cr: 116.412
- YCgCo
- Y: 214.500, Cg: 0.500, Co: 37.000
- YDbDr
- Y: 210.517, Db: 38.343, Dr: 35.216
- YPbPr
- Y: 211.613, Pb: 13.145, Pr: -12.466
- xvYCC
- Y: 197.738, Cb: 139.547, Cr: 117.049
- YIQ
- Y: 210.517, I: -20.448, Q: 1.670
- YUV
- Y: 210.517, U: 12.542, V: -16.245
- マンセルカラーシステム
- 5PB 8/6 ΔE = 1.580
- ブランドカラー
- Heroku (light) ΔE = 9.368