/    Sign up×
Community /Pin to ProfileBookmark

CSS colours and screen display

Hi,

Can someone clarify for me the relationship between css colours–of which we can specify 15x15x15=3375 colours–and what happens on-screen?

For instance, when I scan something, I get a choice of ‘millions’ or ‘billions’ of colours.

What is the specification for a screen which indicates whether it can reproduce ‘billions’? Is it to do with ‘pixel depth’ and what actually is that?

I’d be happy with some links…

Cheers

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@Oddjob41authorJan 23.2018 — Oops.

That should be 225 x 225 x 225 = 11 million+ colours.
Copy linkTweet thisAlerts:
@NogDogJan 24.2018 — _

Actually, #FFFFFF is base 16 notation for 16,777,215 in decimal, so since 0 is the "first" color, there are 16,777,216 possible colors in that notation.

In that notation we're allocating 256 bits of information for each of the 3 color channels. Higher color resolution devices are simply allocating more bits per color in their graphics processor (or in a printer it could be for each of 4 "colors": Cyan, Magenta, Yellow, and Black). Ultimately, it's up to the browser software to communicate with the operating system and on to the graphic processor to convert from the CSS color definition to the display device's closest approximation in its native allocation of ones and zeroes.

_
×

Success!

Help @Oddjob41 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...