Awk to grab colo(u)r codes from CSS files aka School me in Awk

Question

Nice and (hopefully) easy. I am trying to work out how to grab the variable #XXX from a text file (css file) containing strings like

hr { margin: 18px 0 17px; border-color: #ccc; }

h1 a:hover, h2 a:hover, h3 a:hover { color: #001100; }

Which I would like to return as

ccc

001100

The plan then is to throw this through sort and uniq and the end up with a defining colourscheme for the page.

Basically, I can't work out how to go from matching /color:#...[...]/ to just printing out the wildcarded sections.

Answer 1

sed -n '/color/ s/.*color: *#\([^;]\+\);.*/\1/p' css_file

You could add some more optional whitespace:

sed -n '/color/ s/.*color:[[:space:]]*#[[:space:]]*\([[:xdigit:]]\+\)[[:space:]]*;.*/\1/p'

Answer 2

here's 2 possible (and easier to read) ways with awk

awk -F"#" '/color/{sub(";.*","",$NF);print $NF}' file

awk -vFS="#|; *}" '/color/{print $2}' file