The art of "finding the right color" - from extracting colors from images to harmonious color matching

You might have a blog or Build a website-You've seen a color you like in a painting or an outfit, and you're interested in extracting it, and you've wondered what colors go with it, and what colors go with it.

Colors not only convey visual beauty, but they also excite our emotions and have a huge impact on our mood. Given the important role that color plays, having some knowledge of it, even if you're not an expert, can be very helpful in video production and vlogging.

So in this post, I'll give you a quick overview of colors - RGB, Hex code, etc., how to find the colors you want, and how to use the How to use online tools, AI, and more to match colorsto talk about color. Let's take a look at colors together.

What are the three color models?

RGB color model

RGB color modelis Red, Green, Bluewhich is an additive mix of these three colors. It uses numbers from 0 to 255 to represent colors, with (R, G, B) = (255, 0, 0) being the value for red. It's commonly used on the web and in digital imaging.

CMYK color model

CMYK color modelis Cyan, Magenta, Yellow, Blackwhich is a subtractive mix of two colors. It typically uses values from 0% to 100%, with (C, M, Y, B) = (0, 100, 100, 0) representing red. This color model is primarily used in printing.

Hex code color model

Hex code color modelis # followed by any 6-digit number/letter combinationwhere #FF0000 is a value that represents the color red. It's commonly used for coloring in web design and programming.

How to Extract Color (feat. PHOTOKIT)

We can use an image editing program like Photoshop to extract colors. We can use a color picker tool that allows us to click on any part of the image to see its RGB and other colors. Even if we don't have these programs, we can easily do this online.

In the figure below, the PHOTOKIT Homepage's eyedropper feature. Click on the eyedropper shape, click on the desired color on the computer screen, and it will tell you the hex code of that color. (What a handy tool!)

On the same homepage, click Palette generator Here's how it works Click the Upload button to upload a photo. Once the palette is created, you can copy the hex code and use it, ② click the Download button to download the color information txt file, and ③ open the colours.txt file directly to check it.

Color Wheel Featuresallows you to create palettes with multiple options. You can select an option, select colors, and move them around to see what combination of colors you want. There are many options, among which ④ Complementary and ⑤ Monochromatic are shown below. In addition to this, there are all kinds of editing functions such as removing watermarks from photos, removing image backgrounds, etc. (Back advertisement? Not like this. ^^;; I'm sharing this because it was so convenient to use.)

Color matching with artificial intelligence

On the PHOTOKIT homepage, I learned about color matching through the color wheel feature. Color combinations, even with AIThere's no trick to it, but I'm sure some of you have never thought of doing this with AI.

The trendy Claude.aiand sign up, log in, and just ask. "I'm doing a color scheme in the blue family, can you give me the hex codes for 5 trendy colors?" and it will give me something like this.

If you say, "I want to see it visually in the dialog right now, not in code. Like in the picture." and it will show you a direct color image, as shown below. Show Imagebut some things don't show up properly, like the body greenblock (let's get this straight, Claude3!)

I asked the same question to the Perflexity AI, and it showed me the web search results as well, which made it a little more believable.

What about ChatGPT, the most popular one? Let's compare the query results of three A.I. services for fun!

Organize

In this post, we've learned how to extract and match colors using online tools and artificial intelligence. It wasn't that hard, was it? We think we can all be color experts now. By the way, if you're using the Chrome web browser, you can use the Chrome Web StoreIn the 'Extract Color'to install the relevant extensions.

Congratulations on becoming a Color Specialist!

Leveraging IT to create a second life, Life2.0: Terry on the IT Playgroundwas.

All content on 'secondlife.lol' is protected by copyright law. Unauthorized reprinting, copying, distribution, etc. is prohibited.