Introduction paragraph
The tool that I will be doing a tutorial on is Adobe Color CC. Adobe Color CC has many features that allows you to see how different colors work in tandem with each other. Some of the features that has are the comprehensive color wheel, the extract theme feature, extract gradience, and the explore and trends tab.
Adobe Color CC is relevant to Digital Humanities because it can be used to extract and analyze popular color trends used in different industries. For example, the fashion industry will have a certain theme for a season, and using Adobe Color CC you can analyze the colors that are used in that theme and compare them to past seasons. Adobe Color CC could also be used to analyze colors in different climates or cultures. In a city located more northern, the colors would likely be neutral, gray, or white, while cities located in warmer climates would be more colorful.
Tutorial– Extracting a color from an image and using it in a post
STEP 1: First we want to go to the extract theme tab in adobe color cc. You can then upload the image you want to use.
STEP 2: Next, you can either manually select points in the image, or on the tab at the right, you can select points in the image: most colorful, brightest, muted, deep, dark, or none. I chose to select the colors at the most muted points in the image.
STEP 3: After you have the colors you want, the corresponding color ID’s will appear below the colors with the option to copy the ID. Here is a picture of the red color ID online.
STEP 4: After you have the ID’s of the colors that you want to add, you have many different options. One of the things you can do is use the color ID’s when customizing your wordpress website as seen below(I used the red and orange colors from the original image).
STEP 5: Another feature of adobe color is being able to choose your own colors from a color wheel. After you have found the colors that you want, the colors will appear below and you can follow the same steps up above to either use your color ID’s somewhere.
More Resources
5 thoughts on “Tutorial- Adobe Color CC”
Leave a Reply
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Very useful tutorial, every step is very detailed! I have always wanted to learn how to use Adobe color CC, it looks very useful. I think the digital humanities use of this tool you mentioned is very reasonable, and I hope to see more projects using it. The next step resources you gave are also very detailed. I will study them when I have time.
Hi Wesley! Thank you for sharing this awesome tool! I have encountered numerous pictures and slide templates with attractive color schemes (which I didn’t know how to extract), and Adobe Color CC would really allow me to apply those same colors to my own creation. This just generates so many possibilities for aesthetic selections for a variety of projects—from DH work to industrial design that strives to make commercial products visually appealing. Reminded of AI-colorization that we did in class, I wonder if there is a way to directly export a color palette from Adobe Color CC and adapt it to an old, black-and-white image.
Great tutorial! This tool was very unique and seems useful in many fields. I can see how many graphics designers or any professional in art could take advantage of this tool. I have had a situation where I was working on a website and trying to figure out what color and theme I would use for it. When I was looking at existing websites for ideas and references I found a cool and aesthetic website. I wanted to use the colors the website used. While I was able to identify the board color of the website I did not have the exact and detailed color or RGB value. I believe that if I knew about this tool back then I would have been able to get the color I wanted.
Great tutorial, Wesley! Thank you for sharing this awesome tool and explaining every step thoroughly. As someone who aspires to becoming a front-end developer, I will definitely be using this tool as it is a creative way to create aesthetically pleasing web pages easily.
Thank you for the tutorial – I’ve been trying to think of new ways to add fun design aspects to our final project’s website and this is such a fun way to add to the way I think about the colors that I am using on the page! I think I will definitely be using your tutorial as a guide 🙂