It includes many other Instagram accounts we didn't feature here, including airlines, beauty products, and celebrities. If you want to look at our dataset in detail, we've made it publicly available on Mode. The analysis and data visualizations in this post were done by our chief analyst Benn Stancil. TL DR We divided the color wheel up into 3,600 pieces, and looked at what pieces were most overrepresented by each Instagram account. The shade of that slice matches the most overrepresented color the radius of the wedge represents how overrpresented the color is relative to other wedges. Our analysis determines which blocks in each slice is most overrepresented relative to the colors across all Instagram accounts. The wheel is divided into 36 wedges and each wedge is divided into 100 blocks.
In our analysis, each pinwheel is based on the color wheel. With these three variables, we can plot any color as a coordinate on the color wheel. For instance, yellow is at 60 degrees and blue is at 240 degrees. The hue of the color is represented by the angle around the center of the color wheel, illustrated below. The higher up the cube, the lighter the color. The closer the cube is to the outside of the circle, the more saturated the color. Imagine a particular color as a cube in this cylinder. HSL (which stands for Hue, Saturation, Lightness), which is based on a traditional color wheel, does. RGB and LAB have other useful characteristics (LAB, for instance, allows you to measure the “distance” between two colors”) but they don't lend themselves well to visual analysis. Though there's no universal way to classify and compare colors, the major color frameworks-RGB, HSL, LAB-define colors along three dimensions. We loaded the data into Mode and started playing around with ways to explore the data.Īs data, color is an interesting subject. Then we used Charles Leifer's method to extract the most dominant color from each photo. So, how did we do it? First, we found all the photos an Instagram account posted in 2015 (for some, this meant 50 photos for others, it meant thousands).
Want to see more pinwheels? Check out this analysis of 72 popular Instagram photographers. To explore further, click on the images below to see all the pinwheels for each category. It dominates.Ĭlick through this SlideShare for more brand pinwheels. Via that's why Tiffany blue is the biggest wedge in their color pinwheel.
Instagram logo color free#
Free for commercial use High Quality Images. 92,000+ Vectors, Stock Photos & PSD files.
Instagram logo color download#
Their blue serves as the background in videos and for inspirational quotes, it's on the signature Tiffany boxes, and in the photos of holiday store displays. Find & Download Free Graphic Resources for Instagram Logo Png. That Tiffany blue shines through, huh? While not every single photo includes their iconic robin egg blue, it's clear that Tiffany is deliberate about incorporating it. Linkedin Blue Hex: 0A66C2 RGB: (10, 102, 194) CMYK: (87, 62, 0, 0) PANTONE: PMS 7455 C White Hex: FFFFFF RGB: (255, 255, 255) CMYK: (0, 0, 0, 0) Get our lifetime icon deal Table of Contents hide 1 Linkedin Official and Primary Colors 1. To find out, we looked at thousands of Instagram photos from 2015, reduced each photo to its most dominant color and created what we're calling a “color pinwheel.” We created the pinwheel below, for example, using the photos posted by an iconic jewelry retailer. The official and primary colors of Linkedin can be found below. We were curious: how does this color-centric visual identity carry over to social media and, more specifically, Instagram? If we boiled down a brand's Instagram photos to a handful of colors, could you identify the brand? They create this fundamental association by including the color everywhere-from commercials and logos to packaging and websites. Some of the most recognized brands have built their visual identity on just one color. Thank you for reading my blog.Starbucks green. Thank you for reading, and let's connect! See the Pen CSS Logos: Instagram logo by Chris Bongers ( CodePen. With that in place, we should see the result you see in this CodePen. Let's start by setting some variables we'll use. I make it extra challenging by only using one div and doing everything from that one element. Let's dive into it, and I'll show you how I created my version. When you look closely, you see it's not one particular gradient. You might wonder what's so tricky about it?Īnd it's all in the background, you'll see that even my version is not perfect, but every sample image out on the internet has a different background gradient. I'll be honest that the logo looked way easier to create than it was. I'm pretty sure everyone has seen this one before, the Instagram logo.įor reference, it's the modern one that looks like this: Let's recreate the Instagram logo in CSS 18 Jun, 2022
0 kommentar(er)
