
HTML&CSS例
#0002a5前景
見ぬが花。
<p style="color: #0002a5">…</p>
#0002a5背景
蓼食う虫も好き好き。
<p style="background-color: #0002a5">…</p>
#0002a5テキストに影をつける
会者定離。
<p style="text-shadow: 0.1em 0.1em 0.15em #0002a5">…</p>
色空間変換
- 十進
- 677
- 二進法
- 00000000, 00000010, 10100101
- 十六進法
- #0002a5
- LRV
- ≈ 2.8%
- 最も近い短い16進数
- #00a ΔE = 0.786
- RGB
- rgb(0, 2, 165)
- RGBA
- rgba(0, 2, 165, 1.0)
- rg色度
- r: 0.000, g: 0.012, b: 0.988
- RYB
- 赤色: 0.000%, 黄色: 0.775%, 青色: 64.706%
- Android/android.graphics.Color
- -16776539/0xff0002a5
- HSL
- hsl(239, 100%, 32%)
- HSLA
- hsla(239, 100%, 32%, 1.0)
- HSV/HSB
- 色相: 239° (239.273), 飽和: 100% (1.000), 値: 65% (0.647)
- HSP
- 色相: 239.273, 飽和: 100.000%, 知覚される明るさ: 21.855%
- HSLuv(HUSL)
- H: 265.807, S: 100.019, L: 19.052
- Cubehelix
- H: -123.633, S: 4.141, L: 0.076
- TSL
- T: -2.922, S: 0.621, L: 0.078
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 99% (0.988), 黄色: 0% (0.000), キー・プレート: 35% (0.353)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 99% (0.992), 黄色: 35% (0.353)
- XYZ
- X: 6.811, Y: 2.759, Z: 35.764
- xyY
- x: 0.150, y: 0.061, Y: 2.759
- Lab色空間
- L: 19.052, a: 56.592, b: -77.558
- CIELuv
- L: 19.052, u: -5.604, v: -76.441
- CIELCH/LCHab
- L: 19.052, C: 96.010, H: 306.117
- CIELUV/LCHuv
- L: 19.052, C: 76.646, H: 265.807
- Hunter-Lab
- L: 16.610, a: 44.123, b: -116.028
- CIECAM02
- J: 12.445, C: 69.023, h: 258.055, Q: 69.503, M: 60.360, s: 93.191, H: 310.078
- OSA-UCS
- 明度: -11.074, 黄色: -14.644, 緑色: 4.725
- LMS
- L: 0.368, M: 0.110, S: 35.228
- YCbCr
- Y: 33.178, Cb: 199.853, Cr: 115.549
- YCoCg
- Y: 42.250, Cg: -40.250, Co: -41.250
- YDbDr
- Y: 19.984, Db: 218.179, Dr: 38.037
- YPbPr
- Y: 13.310, Pb: 81.730, Pr: -8.498
- xvYCC
- Y: 27.431, Cb: 199.794, Cr: 120.535
- YIQ
- Y: 19.984, I: -53.557, Q: 50.292
- YUV
- Y: 19.984, U: 71.362, V: -17.532
- Okhsl
- h: 264.080, s: 0.999, l: 0.228
- Okhsv
- h: 264.080. s: 0.997, v: 0.633
- Okhwb
- h: 264.080, w: 0.002, b: 0.367
- Oklab
- l: 0.328, a: -0.023, b: -0.224
- Oklch
- l: 0.328, c: 0.225, h: 264.080
- マンセルカラーシステム
- 10PB 2/10 ΔE = 17.566
- ブランドカラー
- Wooga ΔE = 8.907