
HTML&CSS例
#022cc0前景
二兎を追う者は一兎をも得ず。
<p style="color: #022cc0">…</p>
#022cc0背景
十人十色。
<p style="background-color: #022cc0">…</p>
#022cc0テキストに影をつける
羊頭狗肉。
<p style="text-shadow: 0.1em 0.1em 0.15em #022cc0">…</p>
色空間変換
- 十進
- 142528
- 二進法
- 00000010, 00101100, 11000000
- 十六進法
- #022cc0
- LRV
- ≈ 5.6%
- 最も近い短い16進数
- #03b ΔE = 2.088
- RGB
- rgb(2, 44, 192)
- RGBA
- rgba(2, 44, 192, 1.0)
- rg色度
- r: 0.008, g: 0.185, b: 0.807
- RYB
- 赤色: 0.784%, 黄色: 14.273%, 青色: 75.294%
- Android/android.graphics.Color
- -16634688/0xff022cc0
- HSL
- hsl(227, 98%, 38%)
- HSLA
- hsla(227, 98%, 38%, 1.0)
- HSV/HSB
- 色相: 227° (226.737), 飽和: 99% (0.990), 値: 75% (0.753)
- HSP
- 色相: 226.737, 飽和: 98.958%, 知覚される明るさ: 28.657%
- HSLuv(HUSL)
- H: 263.902, S: 99.545, L: 28.429
- Cubehelix
- H: -134.945, S: 1.953, L: 0.187
- TSL
- T: -2.391, S: 0.479, L: 0.189
- CMYK
- シアン色: 99% (0.990), マゼンタ色: 77% (0.771), 黄色: 0% (0.000), キー・プレート: 25% (0.247)
- CMY
- シアン色: 99% (0.992), マゼンタ色: 83% (0.827), 黄色: 25% (0.247)
- XYZ
- X: 10.437, Y: 5.619, Z: 50.393
- xyY
- x: 0.157, y: 0.085, Y: 5.619
- Lab色空間
- L: 28.429, a: 47.926, b: -78.102
- CIELuv
- L: 28.429, u: -10.372, v: -97.085
- CIELCH/LCHab
- L: 28.429, C: 91.634, H: 301.535
- CIELUV/LCHuv
- L: 28.429, C: 97.637, H: 263.902
- Hunter-Lab
- L: 23.704, a: 37.113, b: -109.457
- CIECAM02
- J: 19.071, C: 73.264, h: 258.701, Q: 86.040, M: 64.068, s: 86.292, H: 310.412
- OSA-UCS
- 明度: -10.885, 黄色: -14.457, 緑色: 3.468
- LMS
- L: 1.878, M: 2.502, S: 49.665
- YCbCr
- Y: 57.506, Cb: 199.188, Cr: 99.054
- YCoCg
- Y: 70.500, Cg: -26.500, Co: -47.000
- YDbDr
- Y: 48.314, Db: 216.184, Dr: 88.102
- YPbPr
- Y: 45.710, Pb: 78.830, Pr: -27.808
- xvYCC
- Y: 55.257, Cb: 197.247, Cr: 103.573
- YIQ
- Y: 48.314, I: -72.567, Q: 37.167
- YUV
- Y: 48.314, U: 70.708, V: -40.631
- マンセルカラーシステム
- 7.5PB 3/12 ΔE = 17.248
- ブランドカラー
- Pinboard ΔE = 5.790