Tests that the displayed string for colors correctly handles clipped CSS values and RGB percentages.


Running: testColors

color: red
  simple: true
  original: red
  nickname: red
  hex: #ff0000
  shorthex: #f00
  hexa: #ff0000ff
  shorthexa: #f00f
  rgb: rgb(255, 0, 0)
  hsl: hsl(0, 100%, 50%)

color: #F00
  simple: true
  original: #F00
  nickname: red
  hex: #ff0000
  shorthex: #F00
  hexa: #ff0000ff
  shorthexa: #f00f
  rgb: rgb(255, 0, 0)
  hsl: hsl(0, 100%, 50%)

color: #F00F
  simple: true
  original: #F00F
  nickname: red
  hex: #ff0000
  shorthex: #f00
  hexa: #ff0000ff
  shorthexa: #F00F
  rgb: rgb(255, 0, 0)
  hsl: hsl(0, 100%, 50%)

color: #FF0000
  simple: true
  original: #FF0000
  nickname: red
  hex: #FF0000
  shorthex: #f00
  hexa: #ff0000ff
  shorthexa: #f00f
  rgb: rgb(255, 0, 0)
  hsl: hsl(0, 100%, 50%)

color: #FF0000FF
  simple: true
  original: #FF0000FF
  nickname: red
  hex: #ff0000
  shorthex: #f00
  hexa: #FF0000FF
  shorthexa: #f00f
  rgb: rgb(255, 0, 0)
  hsl: hsl(0, 100%, 50%)

color: rgb(255,0,0)
  simple: true
  original: rgb(255,0,0)
  nickname: red
  hex: #ff0000
  shorthex: #f00
  hexa: #ff0000ff
  shorthexa: #f00f
  rgb: rgb(255,0,0)
  hsl: hsl(0, 100%, 50%)

color: rgb(300,0,0)
  simple: true
  original: rgb(300,0,0)
  nickname: red
  hex: #ff0000
  shorthex: #f00
  hexa: #ff0000ff
  shorthexa: #f00f
  rgb: rgb(255, 0, 0)
  hsl: hsl(0, 100%, 50%)

color: rgb(255,-10,0)
  simple: true
  original: rgb(255,-10,0)
  nickname: red
  hex: #ff0000
  shorthex: #f00
  hexa: #ff0000ff
  shorthexa: #f00f
  rgb: rgb(255, 0, 0)
  hsl: hsl(0, 100%, 50%)

color: rgb(110%, 0%, 0%)
  simple: true
  original: rgb(110%, 0%, 0%)
  nickname: red
  hex: #ff0000
  shorthex: #f00
  hexa: #ff0000ff
  shorthexa: #f00f
  rgb: rgb(255, 0, 0)
  hsl: hsl(0, 100%, 50%)

color: rgba(0,0,0,0.5)
  simple: false
  original: rgba(0,0,0,0.5)
  hexa: #00000080
  shorthexa: null
  rgb: null
  rgba: rgba(0,0,0,0.5)
  hsl: null
  hsla: hsla(0, 0%, 0%, 0.5)

color: hsl(-120, 100%, 50%)
  simple: true
  original: hsl(-120, 100%, 50%)
  nickname: blue
  hex: #0000ff
  shorthex: #00f
  hexa: #0000ffff
  shorthexa: #00ff
  rgb: rgb(0, 0, 255)
  hsl: hsl(-120, 100%, 50%)

color: hsl(-120, 200%, 200%)
  simple: true
  original: hsl(-120, 200%, 200%)
  nickname: white
  hex: #ffffff
  shorthex: #fff
  hexa: #ffffffff
  shorthexa: #ffff
  rgb: rgb(255, 255, 255)
  hsl: hsl(-120, 200%, 200%)

color: hsl(-120, -200%, -200%)
  simple: true
  original: hsl(-120, -200%, -200%)
  nickname: black
  hex: #000000
  shorthex: #000
  hexa: #000000ff
  shorthexa: #000f
  rgb: rgb(0, 0, 0)
  hsl: hsl(0, 0%, 0%)

color: hsla(-120, -200%, -200%, -5)
  simple: false
  original: hsla(-120, -200%, -200%, -5)
  nickname: transparent
  hexa: #00000000
  shorthexa: #0000
  rgb: null
  rgba: rgba(0, 0, 0, 0)
  hsl: null
  hsla: hsla(0, 0%, 0%, 0)

color: hsla(240,100%,50%,0.05)
  simple: false
  original: hsla(240,100%,50%,0.05)
  hexa: #0000ff0d
  shorthexa: null
  rgb: null
  rgba: rgba(0, 0, 255, 0.05)
  hsl: null
  hsla: hsla(240,100%,50%,0.05)

color: hsl(200.5,0%,50%)
  simple: true
  original: hsl(200.5,0%,50%)
  nickname: grey
  hex: #808080
  hexa: #808080ff
  shorthexa: null
  rgb: rgb(128, 128, 128)
  hsl: hsl(200.5,0%,50%)

color: hsla(200,1.5%,50%,1)
  simple: true
  original: hsla(200,1.5%,50%,1)
  hex: #7e8081
  hexa: #7e8081ff
  shorthexa: null
  rgb: rgb(126, 128, 129)
  hsl: hsl(200, 1%, 50%)

color: rgba(0,0,0,.5)
  simple: false
  original: rgba(0,0,0,.5)
  hexa: #00000080
  shorthexa: null
  rgb: null
  rgba: rgba(0,0,0,.5)
  hsl: null
  hsla: hsla(0, 0%, 0%, 0.5)

color: hsla(.5,.5%,.5%,.5)
  simple: false
  original: hsla(.5,.5%,.5%,.5)
  hexa: #01010180
  shorthexa: null
  rgb: null
  rgba: rgba(1, 1, 1, 0.5)
  hsl: null
  hsla: hsla(.5,.5%,.5%,.5)

color: hsla(100.5,50.5%,50.5%,.5)
  simple: false
  original: hsla(100.5,50.5%,50.5%,.5)
  hexa: #6ac14180
  shorthexa: null
  rgb: null
  rgba: rgba(106, 193, 65, 0.5)
  hsl: null
  hsla: hsla(100.5,50.5%,50.5%,.5)

color: rgba(255, 0, 0, -5)
  simple: false
  original: rgba(255, 0, 0, -5)
  hexa: #ff000000
  shorthexa: #f000
  rgb: null
  rgba: rgba(255, 0, 0, 0)
  hsl: null
  hsla: hsla(0, 100%, 50%, 0)

color: rgba(255, 0, 0, 5)
  simple: true
  original: rgba(255, 0, 0, 5)
  nickname: red
  hex: #ff0000
  shorthex: #f00
  hexa: #ff0000ff
  shorthexa: #f00f
  rgb: rgb(255, 0, 0)
  hsl: hsl(0, 100%, 50%)

Running: testInvalidColors

SUCCESS: parsed invalid color none to null

SUCCESS: parsed invalid color #00000 to null

SUCCESS: parsed invalid color #ggg to null

SUCCESS: parsed invalid color rgb(a,b,c) to null

SUCCESS: parsed invalid color rgb(a,b,c,d) to null

SUCCESS: parsed invalid color rgb(1,1,1.2) to null

SUCCESS: parsed invalid color rgba(0,0,0,1%) to null

SUCCESS: parsed invalid color rgba(0,0,0,) to null

SUCCESS: parsed invalid color hsl(0,0,0) to null

SUCCESS: parsed invalid color hsl(0%, 0%, 0%) to null

SUCCESS: parsed invalid color hsla(0,,0,1) to null

SUCCESS: parsed invalid color hsl(0, 0%, 0) to null

SUCCESS: parsed invalid color hsl(a,b,c) to null

SUCCESS: parsed invalid color hsla(0,0,0,0) to null

SUCCESS: parsed invalid color hsla to null