
HTML&CSS例
#0002b0前景
案ずるより産むが易し。
<p style="color: #0002b0">…</p>
#0002b0背景
十人十色。
<p style="background-color: #0002b0">…</p>
#0002b0テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #0002b0">…</p>
色空間変換
- 十進
- 688
- 二進法
- 00000000, 00000010, 10110000
- 十六進法
- #0002b0
- LRV
- ≈ 3.2%
- 最も近い短い16進数
- #10a ΔE = 0.854
- RGB
- rgb(0, 2, 176)
- RGBA
- rgba(0, 2, 176, 1.0)
- rg色度
- r: 0.000, g: 0.011, b: 0.989
- RYB
- 赤色: 0.000%, 黄色: 0.776%, 青色: 69.020%
- Android/android.graphics.Color
- -16776528/0xff0002b0
- HSL
- hsl(239, 100%, 35%)
- HSLA
- hsla(239, 100%, 35%, 1.0)
- HSV/HSB
- 色相: 239° (239.318), 飽和: 100% (1.000), 値: 69% (0.690)
- HSP
- 色相: 239.318, 飽和: 100.000%, 知覚される明るさ: 23.311%
- HSLuv(HUSL)
- H: 265.816, S: 100.019, L: 20.739
- Cubehelix
- H: -123.597, S: 4.181, L: 0.081
- TSL
- T: -2.924, S: 0.622, L: 0.083
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 99% (0.989), 黄色: 0% (0.000), キー・プレート: 31% (0.310)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 99% (0.992), 黄色: 31% (0.310)
- XYZ
- X: 7.855, Y: 3.177, Z: 41.265
- xyY
- x: 0.150, y: 0.061, Y: 3.177
- Lab色空間
- L: 20.739, a: 59.437, b: -81.391
- CIELuv
- L: 20.739, u: -6.092, v: -83.274
- CIELCH/LCHab
- L: 20.739, C: 100.784, H: 306.140
- CIELUV/LCHuv
- L: 20.739, C: 83.497, H: 265.816
- Hunter-Lab
- L: 17.824, a: 47.478, b: -124.789
- CIECAM02
- J: 13.454, C: 71.882, h: 258.020, Q: 72.267, M: 62.859, s: 93.264, H: 310.060
- OSA-UCS
- 明度: -11.075, 黄色: -15.369, 緑色: 4.972
- LMS
- L: 0.420, M: 0.117, S: 40.647
- YCbCr
- Y: 34.256, Cb: 204.682, Cr: 114.768
- YCoCg
- Y: 45.000, Cg: -43.000, Co: -44.000
- YDbDr
- Y: 21.238, Db: 232.842, Dr: 40.424
- YPbPr
- Y: 14.102, Pb: 87.230, Pr: -9.004
- xvYCC
- Y: 28.111, Cb: 204.626, Cr: 120.091
- YIQ
- Y: 21.238, I: -57.091, Q: 53.715
- YUV
- Y: 21.238, U: 76.158, V: -18.632
- Okhsl
- h: 264.076, s: 0.999, l: 0.245
- Okhsv
- h: 264.076. s: 0.998, v: 0.679
- Okhwb
- h: 264.076, w: 0.002, b: 0.321
- Oklab
- l: 0.343, a: -0.024, b: -0.235
- Oklch
- l: 0.343, c: 0.236, h: 264.076
- マンセルカラーシステム
- 10PB 2/10 ΔE = 18.989
- ブランドカラー
- Wooga ΔE = 8.179