rbgcodes-com

[rbgcodes-com]

Images, Pixels and RGB

A little BIT about Pixels Good. I created Instagram with my co-founder, Mike. Initially we saw the mobile phone as an opportunity to create something new. Because for the first time people were carrying around a computer in their pocket. And we decided that sharing imagery was probably the biggest opportunity for the next five years, and one that we held close to our hearts, something we wanted to spend our time on. It's great to say you have an app or an idea that does x, y, or z but unless that solves a real problem for people they're not going to use it. And the question is: What problem are you solving? (Piper - Photographer) When people first faced the problem of how to show a picture on a screen they had to come up with a way to break the image down into data. In 1957, an early computer engineer named Russell Kirsch took a picture of his infant son and scanned it. It was the first digital image, a grainy black and white baby picture. And that's how the pixel was born! Pixels are an interesting concept because you can't see them very easily. But actually, if you get a magnifying glass and you go up to a screen you actually can see that your screen is made up of tiny dots of little light. What's more interesting is that those tiny dots of little light are actually multiple tiny dots of little light of different colors. There's red, green, and blue. Pixels together, from far away, create an image and upfront they are just little lights that are on and off. The combination of those create images and what you see on your screen every single day you use your computer. So you'll hear the term resolution a lot, both in computer science and manufacturers of devices will talk about it. Resolution is basically the dimensions by which you can measure how many pixels are on a screen. So back in the day when I was a high school student, it was 640 by 480 pixels. And today it's a lot bigger. And then there's the question not only of resolution, but also density. For instance, on modern smartphones they fit the same number of little lights called pixels, but in a denser space and that's what allows you to get sharper images. Now, how do you store those values of the pixels in a file? What you do is you store red, green, and blue values in little triplets effectively, with different values that each make up a single pixel. The values range from 0 to 255. 0 would be very dark, 255 would be very bright. And triplets of these values together compose a single pixel. An image file, whether it's a jpeg, gif, png, etc. contains millions of these RGB (red-green-blue) triplets. So how does a computer store all that data? All computing and digital data are represented by bits. A bit has two states: it's on or it's off. But instead of on or off, computers use 1 and 0 -- binary! So an image file is actually just a bunch of 1s and 0s. But why do RGB values go from 0 to 255? Turns out that each color channel, RGB, is represented by 8 bits, which together are called a byte. If you know the binary number system, you know that the maximum number 8 bits can represent is 255, which is equal to eight 1s in a row. And the lowest is 0 or eight 0s in a row. Therefore, 0 to 255 gives us 256 different intensities per color channel. We can represent a pixel of the color turquoise for example, in our traditional decimal based number system as 64 (for a little red), 224 (for a lot of green), and 208 (for some blue). But a computer would have stored it as Red: 01000000 // Green: 11100000 // Blue: 1101 0000 We use 24 binary digits to represent this one pixel. So rather than binary, digital artists often use the hexadecimal number system to represent colors. So we can represent the same color turquoise using only six hexadecimal digits: 40 E0 D0. Which is a lot shorter. Let's say you want to modify the colors of the image. How do you do that? Basically there are ways of mapping functions where you take the input value of the pixel. So you take an input of a red, green, and blue value which represents that color remember. Then you map it using a function to a new red, green, and blue value. Let's say you wanted to make an image darker. One way of doing that is by taking the red, green, and blue values that come in and let's just say subtracting a fixed constant from each of them, say subtract 50. Obviously you can't go below 0, but you just subtract 50 from each of them and that's the output. So the input is R, G, B and the output is R-50, G-50, B-50. What you'll see is you've taken an image with a certain brightness, and you get out an image with a much darker brightness. What a lot of people don't realize about Instagram is that initially people thought what it was was a way of filtering images, making your images look cool in some way or retro. And what it grew into was actually much more important, it was a way of people connecting. So it's not just about seeing photos of your friends and your family, but actually being able to discover things happening all around the world. Whether that's a riot overseas, a social movement, you're able to basically consume that information in a visual way. And that allowed us to grow very quickly and be a universal platform.

https://youtu.be/15aqFQQVBWU

[rbgcodes-com]

Webflow CSS tutorial (using the Old UI)

Using a color picker can be helpful, and sometimes it's all we need. But for precision, we often want to get more specific. And there are three common ways that colors are represented on the web. We have color names, hex codes (or hex triplets), and RGBA. Let's start with names. These are the common color names for 140 colors that are supported by modern browsers. For instance, sometimes we see 1E90FF, which might be more challenging to remember than DodgerBlue. So if we type in DodgerBlue, we're all set. But the names and the colors are somewhat arbitrary, like LawnGreen, PeachPuff, BlanchedAlmond, and of course, LemonChiffon. Because these presets—because HTML color names aren’t a full representation of what's entirely possible with web colors, sometimes it can be a bit more freeing to use one of the other formats. With that being said... We have hex codes. And these are usually six-digit codes that correspond with a precise color output. And the reason they're also called hex triplets is because there are three sets of two digits. Red, green, and blue. The same three colors that make up each pixel in a display. As you increase the value of a particular color? The more of that color you get in your output. Set all values to zero? We got black. Ramp up the red? We got red. And if we add blue, we approach magenta. Add in some green, now we have full white. You can play with the red, and the green, and the blue to get virtually any color you can think of. The hex part of this is pretty simple if you're a fan of counting. In traditional counting, base-10, we count 0 through 9 in the ones place. Then we switch the tens place to a 1, counting 0 through 9 again. We repeat each time we pass 9. When we count hexidecimally, which is not a real word, we just add the letters A through F after our nines. That's it. Before we switch to 10, we're going to do A, B, C, D, E, F. Then, we switch the digit to the left after we count past F. We’re just adding A through F after our nines. Same thing in the tens place, when our numbers get large enough. Sometimes designers and developers will use shorthand hex. On Google, the background attribute is FFF and the color attribute, which affects text color, is 222. You can use shorthand hex—if you’re working with a color that has repeating digits in all three of the color values. Like AA-BB-CC or 44-11-EE. You can simply omit the second digit for each color, making it ABC or 41E. Now if hexadecimals aren’t your thing, you don’t need them. In fact, if you prefer to think numerically, you’re in luck, because RGBA uses good old-fashioned base-10. Normal numbers. What’s after 9? 10. What’s after 99? 100. What’s after six... RGBA uses the values 0 through 255 to represent each color—that’s 256 levels of red if we include zero. Same control here as hex. Red, green, blue…and in this case, the A, of course, is for Alpha. This is incredible freedom right here when we’re setting colors. So we can control the opacity from completely transparent to fully opaque. The lower the alpha, the more transparent the color. The higher the alpha? The more opaque. So. We have color names for some of our more specific colors like Chocolate and BurlyWood, we have hex codes or hex triplets, which let us specify red, green, and blue values hexidecimally, and RGBA: numerical control over each color and the ability to adjust opacity.

https://youtu.be/JBRZ3KBfOk8

[rbgcodes-com]

ColorOf LLC

ColorOf (http://www.colorof.com) is a BRILLIANT AND FULLY PATENTED B2B Color Search Enablement Technology Platform, offered as a SaAS Model. In a nutshell, ColorOf technology out-Googles Google !!! The vast majority of search engines rely solely on vague text based functions, on words. And while a literary appreciation of color is quaint, it does not help consumers find what they're looking for, it does not move product or advance one's image in the digital marketplace… It's old school. We use the science of technology... And we've proved that it works. ColorOf's digital swatch technology identifies products by their precise color, assigning each color, and all its' gradations, a unique RGB numeric code. Consumers can use a mobile device, a PC, a tablet or an in-store app to search for / identify / locate / index / categorize / and ultimately purchase any products that possess a color component. They need only to enter an image of the color they're looking for from any starting point of inspiration...from a photo, from a website, from anywhere !!! To learn more, visit our website at www.colorof.com and click on and view our video. WE SPEAK ALL COLORS, ESPECIALLY THE ONES YOUR CUSTOMERS ARE LOOKING FOR!!!

Source: LinkedIn Public Company Page