
HTML&CSS例
#a0c6c2前景
自業自得。
<p style="color: #a0c6c2">…</p>
#a0c6c2背景
十人十色。
<p style="background-color: #a0c6c2">…</p>
#a0c6c2テキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #a0c6c2">…</p>
色空間変換
- 十進
- 10536642
- 二進法
- 10100000, 11000110, 11000010
- 十六進法
- #a0c6c2
- LRV
- ≈ 51.8%
- 最も近い短い16進数
- #9cc ΔE = 3.203
- RGB
- rgb(160, 198, 194)
- RGBA
- rgba(160, 198, 194, 1.0)
- rg色度
- r: 0.290, g: 0.359, b: 0.351
- RYB
- 赤色: 62.745%, 黄色: 70.610%, 青色: 77.647%
- Android/android.graphics.Color
- -6240574/0xffa0c6c2
- HSL
- hsl(174, 25%, 70%)
- HSLA
- hsla(174, 25%, 70%, 1.0)
- HSV/HSB
- 色相: 174° (173.684), 飽和: 19% (0.192), 値: 78% (0.776)
- HSP
- 色相: 173.684, 飽和: 19.192%, 知覚される明るさ: 73.321%
- HSLuv(HUSL)
- H: 183.036, S: 32.235, L: 77.134
- Cubehelix
- H: -194.514, S: 0.296, L: 0.730
- TSL
- T: -1.388, S: 0.068, L: 0.730
- CMYK
- シアン色: 19% (0.192), マゼンタ色: 0% (0.000), 黄色: 2% (0.020), キー・プレート: 22% (0.224)
- CMY
- シアン色: 37% (0.373), マゼンタ色: 22% (0.224), 黄色: 24% (0.239)
- XYZ
- X: 44.426, Y: 51.755, Z: 58.678
- xyY
- x: 0.287, y: 0.334, Y: 51.755
- Lab色空間
- L: 77.134, a: -13.407, b: -2.178
- CIELuv
- L: 77.134, u: -19.616, v: -1.041
- CIELCH/LCHab
- L: 77.134, C: 13.582, H: 189.229
- CIELUV/LCHuv
- L: 77.134, C: 19.644, H: 183.036
- Hunter-Lab
- L: 71.941, a: -15.667, b: 2.000
- CIECAM02
- J: 69.064, C: 19.558, h: 192.006, Q: 163.733, M: 17.103, s: 32.320, H: 242.252
- OSA-UCS
- 明度: -10.068, 黄色: -0.402, 緑色: 2.472
- LMS
- L: 45.260, M: 56.954, S: 58.541
- YCbCr
- Y: 175.924, Cb: 131.868, Cr: 111.602
- YCgCo
- Y: 187.500, Cg: 10.500, Co: 31.500
- YDbDr
- Y: 186.182, Db: 11.768, Dr: 49.786
- YPbPr
- Y: 189.618, Pb: 2.370, Pr: -18.816
- xvYCC
- Y: 178.848, Cb: 130.082, Cr: 111.471
- YIQ
- Y: 186.182, I: -21.352, Q: -9.280
- YUV
- Y: 186.182, U: 3.849, V: -22.970
- マンセルカラーシステム
- 7.5BG 7/4 ΔE = 4.943
- ブランドカラー
- Vimeo ΔE = 14.476