
HTML&CSS例
#0004a3前景
見ぬが花。
<p style="color: #0004a3">…</p>
#0004a3背景
蓼食う虫も好き好き。
<p style="background-color: #0004a3">…</p>
#0004a3テキストに影をつける
会者定離。
<p style="text-shadow: 0.1em 0.1em 0.15em #0004a3">…</p>
色空間変換
- 十進
- 1187
- 二進法
- 00000000, 00000100, 10100011
- 十六進法
- #0004a3
- LRV
- ≈ 2.7%
- 最も近い短い16進数
- #00a ΔE = 1.078
- RGB
- rgb(0, 4, 163)
- RGBA
- rgba(0, 4, 163, 1.0)
- rg色度
- r: 0.000, g: 0.024, b: 0.976
- RYB
- 赤色: 0.000%, 黄色: 1.531%, 青色: 63.922%
- Android/android.graphics.Color
- -16776029/0xff0004a3
- HSL
- hsl(239, 100%, 32%)
- HSLA
- hsla(239, 100%, 32%, 1.0)
- HSV/HSB
- 色相: 239° (238.528), 飽和: 100% (1.000), 値: 64% (0.639)
- HSP
- 色相: 238.528, 飽和: 100.000%, 知覚される明るさ: 21.616%
- HSLuv(HUSL)
- H: 265.738, S: 100.019, L: 18.930
- Cubehelix
- H: -124.231, S: 3.884, L: 0.080
- TSL
- T: -2.893, S: 0.610, L: 0.082
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 98% (0.975), 黄色: 0% (0.000), キー・プレート: 36% (0.361)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 98% (0.984), 黄色: 36% (0.361)
- XYZ
- X: 6.652, Y: 2.730, Z: 34.820
- xyY
- x: 0.150, y: 0.062, Y: 2.730
- Lab色空間
- L: 18.930, a: 55.493, b: -76.545
- CIELuv
- L: 18.930, u: -5.626, v: -75.485
- CIELCH/LCHab
- L: 18.930, C: 94.544, H: 305.941
- CIELUV/LCHuv
- L: 18.930, C: 75.694, H: 265.738
- Hunter-Lab
- L: 16.523, a: 42.944, b: -113.374
- CIECAM02
- J: 12.395, C: 68.425, h: 258.129, Q: 69.364, M: 59.837, s: 92.879, H: 310.117
- OSA-UCS
- 明度: -11.066, 黄色: -14.436, 緑色: 4.569
- LMS
- L: 0.393, M: 0.167, S: 34.299
- YCbCr
- Y: 33.990, Cb: 198.393, Cr: 114.955
- YCoCg
- Y: 42.750, Cg: -38.750, Co: -40.750
- YDbDr
- Y: 20.930, Db: 213.747, Dr: 39.835
- YPbPr
- Y: 14.596, Pb: 79.960, Pr: -9.314
- xvYCC
- Y: 28.535, Cb: 198.239, Cr: 119.818
- YIQ
- Y: 20.930, I: -53.464, Q: 48.625
- YUV
- Y: 20.930, U: 69.913, V: -18.362
- Okhsl
- h: 264.106, s: 0.998, l: 0.226
- Okhsv
- h: 264.106. s: 0.994, v: 0.625
- Okhwb
- h: 264.106, w: 0.004, b: 0.375
- Oklab
- l: 0.326, a: -0.023, b: -0.221
- Oklch
- l: 0.326, c: 0.222, h: 264.106
- マンセルカラーシステム
- 10PB 2/10 ΔE = 17.096
- ブランドカラー
- Wooga ΔE = 8.973