
HTML&CSS例
#0003a0前景
案ずるより産むが易し。
<p style="color: #0003a0">…</p>
#0003a0背景
十人十色。
<p style="background-color: #0003a0">…</p>
#0003a0テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #0003a0">…</p>
色空間変換
- 十進
- 928
- 二進法
- 00000000, 00000011, 10100000
- 十六進法
- #0003a0
- LRV
- ≈ 2.6%
- 最も近い短い16進数
- #109 ΔE = 1.108
- RGB
- rgb(0, 3, 160)
- RGBA
- rgba(0, 3, 160, 1.0)
- rg色度
- r: 0.000, g: 0.018, b: 0.982
- RYB
- 赤色: 0.000%, 黄色: 1.155%, 青色: 62.745%
- Android/android.graphics.Color
- -16776288/0xff0003a0
- HSL
- hsl(239, 100%, 31%)
- HSLA
- hsla(239, 100%, 31%, 1.0)
- HSV/HSB
- 色相: 239° (238.875), 飽和: 100% (1.000), 値: 63% (0.627)
- HSP
- 色相: 238.875, 飽和: 100.000%, 知覚される明るさ: 21.204%
- HSLuv(HUSL)
- H: 265.767, S: 100.019, L: 18.375
- Cubehelix
- H: -123.951, S: 3.992, L: 0.076
- TSL
- T: -2.907, S: 0.615, L: 0.078
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 98% (0.981), 黄色: 0% (0.000), キー・プレート: 37% (0.373)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 99% (0.988), 黄色: 37% (0.373)
- XYZ
- X: 6.376, Y: 2.602, Z: 33.417
- xyY
- x: 0.150, y: 0.061, Y: 2.602
- Lab色空間
- L: 18.375, a: 54.987, b: -75.639
- CIELuv
- L: 18.375, u: -5.437, v: -73.466
- CIELCH/LCHab
- L: 18.375, C: 93.514, H: 306.016
- CIELUV/LCHuv
- L: 18.375, C: 73.667, H: 265.767
- Hunter-Lab
- L: 16.132, a: 42.316, b: -111.529
- CIECAM02
- J: 12.060, C: 67.665, h: 258.107, Q: 68.420, M: 59.172, s: 92.997, H: 310.105
- OSA-UCS
- 明度: -11.069, 黄色: -14.272, 緑色: 4.554
- LMS
- L: 0.363, M: 0.135, S: 32.917
- YCbCr
- Y: 33.192, Cb: 197.367, Cr: 115.536
- YCoCg
- Y: 41.500, Cg: -38.500, Co: -40.000
- YDbDr
- Y: 20.001, Db: 210.631, Dr: 38.068
- YPbPr
- Y: 13.665, Pb: 78.845, Pr: -8.722
- xvYCC
- Y: 27.736, Cb: 197.260, Cr: 120.338
- YIQ
- Y: 20.001, I: -52.225, Q: 48.214
- YUV
- Y: 20.001, U: 68.893, V: -17.547
- Okhsl
- h: 264.095, s: 0.999, l: 0.221
- Okhsv
- h: 264.095. s: 0.996, v: 0.613
- Okhwb
- h: 264.095, w: 0.003, b: 0.387
- Oklab
- l: 0.321, a: -0.023, b: -0.219
- Oklch
- l: 0.321, c: 0.220, h: 264.095
- マンセルカラーシステム
- 10PB 2/10 ΔE = 16.858
- ブランドカラー
- Wooga ΔE = 9.302