
HTML&CSS例
#2af9ff前景
虎穴に入らずんば虎子を得ず。
<p style="color: #2af9ff">…</p>
#2af9ff背景
十人十色。
<p style="background-color: #2af9ff">…</p>
#2af9ffテキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #2af9ff">…</p>
色空間変換
- 十進
- 2816511
- 二進法
- 00101010, 11111001, 11111111
- 十六進法
- #2af9ff
- LRV
- ≈ 75.5%
- 最も近い短い16進数
- #2ff ΔE = 2.622
- RGB
- rgb(42, 249, 255)
- RGBA
- rgba(42, 249, 255, 1.0)
- rg色度
- r: 0.077, g: 0.456, b: 0.467
- RYB
- 赤色: 16.471%, 黄色: 57.639%, 青色: 100.000%
- Android/android.graphics.Color
- -13960705/0xff2af9ff
- HSL
- hsl(182, 100%, 58%)
- HSLA
- hsla(182, 100%, 58%, 1.0)
- HSV/HSB
- 色相: 182° (181.690), 飽和: 84% (0.835), 値: 100% (1.000)
- HSP
- 色相: 181.690, 飽和: 83.529%, 知覚される明るさ: 82.572%
- HSLuv(HUSL)
- H: 196.317, S: 99.983, L: 89.607
- Cubehelix
- H: -186.549, S: 1.732, L: 0.736
- TSL
- T: -1.516, S: 0.381, L: 0.736
- CMYK
- シアン色: 84% (0.835), マゼンタ色: 2% (0.024), 黄色: 0% (0.000), キー・プレート: 0% (0.000)
- CMY
- シアン色: 84% (0.835), マゼンタ色: 2% (0.024), 黄色: 0% (0.000)
- XYZ
- X: 52.872, Y: 75.457, Z: 106.366
- xyY
- x: 0.225, y: 0.322, Y: 75.457
- Lab色空間
- L: 89.607, a: -43.988, b: -16.367
- CIELuv
- L: 89.607, u: -66.638, v: -19.508
- CIELCH/LCHab
- L: 89.607, C: 46.934, H: 200.409
- CIELUV/LCHuv
- L: 89.607, C: 69.435, H: 196.317
- Hunter-Lab
- L: 86.866, a: -43.369, b: -11.794
- CIECAM02
- J: 82.734, C: 56.829, h: 201.054, Q: 179.206, M: 49.696, s: 52.661, H: 254.767
- OSA-UCS
- 明度: -10.068, 黄色: -2.568, 緑色: 7.689
- LMS
- L: 53.887, M: 91.536, S: 105.785
- YCbCr
- Y: 177.280, Cb: 161.270, Cr: 36.701
- YCgCo
- Y: 198.750, Cg: 50.250, Co: -42.750
- YDbDr
- Y: 187.791, Db: 101.148, Dr: 277.233
- YPbPr
- Y: 205.341, Pb: 26.805, Pr: -103.776
- xvYCC
- Y: 192.352, Cb: 151.546, Cr: 36.840
- YIQ
- Y: 187.791, I: -125.241, Q: -41.905
- YUV
- Y: 187.791, U: 33.074, V: -127.905
- マンセルカラーシステム
- 2.5B 7/8 ΔE = 16.020
- ブランドカラー
- QUOTE.fm ΔE = 23.011