HOME | DD

blissart — Getting Hexcolorcodes for CSS

Published: 2010-02-25 15:47:04 +0000 UTC; Views: 2749; Favourites: 31; Downloads: 87
Redirect to original
Description Well, a another very basic tutorial on how to get hex color codes. Hexcolor codes are hexadecimal color code starting with "#" sign which defines the colors in your CSS aka Cascading Style Sheet.

The above video tutorial shows 3 ways on how to get color codes: first with Color Picker dialog box in Photoshop, second you can also choose color from any website or image in a website and thirdly with ColorZilla , a firefox addon.

Read more about hexadecimal colors on w3schools.com .

It's my very few of first attempt at Video tutorial, so video quality might not be that good as i also wanted to compress the file size, but i will get better with practice, i promise. And no, no sound atm.

→ Submitting it to #eCSSited Create a Tutorial - Contest .

Related content
Comments: 14

randomnessence [2012-07-18 16:53:21 +0000 UTC]

how do you do it on paint?

👍: 0 ⏩: 0

BlueHorses [2011-06-01 19:54:21 +0000 UTC]

whoa! that is the same photoshoo I use!!!

👍: 0 ⏩: 0

WDMedia [2010-03-07 01:14:51 +0000 UTC]

Great tute, perhaps a bit fast and the resolution needs to be better.

👍: 0 ⏩: 1

blissart In reply to WDMedia [2010-03-07 15:34:32 +0000 UTC]

Thank You.
Yeah, that's cause i wanted to cut down on file size for faster loading...so maybe.

👍: 0 ⏩: 0

Tawreh [2010-02-25 19:29:41 +0000 UTC]

Nice

Did you know that you can right click on the ColorZilla icon and choose "Copy #xxxxxx" and it copies for you? That's what I use.

CZ is a lifesaver for me - when I'm on my boyfriend's computer coding sites I often find myself looking for it but it's not there - it frustrates me greatly!

👍: 0 ⏩: 1

blissart In reply to Tawreh [2010-02-26 09:00:45 +0000 UTC]

Thank You.

Ah i didn't knew that, see i learnt something new.

Well, actually i use autocopy (you can find it under option when you right click) that way when you click the cursor on color, the colorcode gets automatically copied.

It indeed is a nifty lil addon.

👍: 0 ⏩: 0

GinkgoWerkstatt [2010-02-25 18:06:14 +0000 UTC]

I used to use ColorZilla a while ago as well, but somehow got bored by it. And Photoshop is open most of the time when designing anyway

Nice tut!

👍: 0 ⏩: 1

blissart In reply to GinkgoWerkstatt [2010-02-26 09:09:06 +0000 UTC]

Yeah, i use both, Photoshop is indeed open all the time when you design. Colorzilla has some added advantages, like saving color to favorites etc. plus it's quicker, just one click.

Thanks dear.

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to blissart [2010-02-26 13:08:45 +0000 UTC]

Oh that saving feature is nice!

👍: 0 ⏩: 1

blissart In reply to GinkgoWerkstatt [2010-03-01 07:49:04 +0000 UTC]

Indeed.

👍: 0 ⏩: 0

SilverPixiGirl [2010-02-25 17:41:21 +0000 UTC]

nice job!

👍: 0 ⏩: 1

blissart In reply to SilverPixiGirl [2010-02-26 09:01:26 +0000 UTC]

Thank You.

👍: 0 ⏩: 0

ailime [2010-02-25 16:03:06 +0000 UTC]

I didn't knew about ColorZilla but it looks super neat thanks for this

👍: 0 ⏩: 1

blissart In reply to ailime [2010-02-25 16:36:24 +0000 UTC]

Indeed it is!
Pleasures!

👍: 0 ⏩: 0