Ahora mismo estoy dedicando tiempo a hacer informes de redes sociales en el trabajo. Y para distinguirlas bien uso los colores que corresponden a cada una.
Por eso decidí hacerme un listado de los colores de las redes sociales para tenerlo a mano, y ya que lo iba a hacer, lo dejo por aquí con datos curiosos sobre ellos, por si a alguien le viene bien.
Los colores son tanto del logo como de los usados en las interfaces. Puedes encontrarlos tanto en hexadecimal, como RGB y HSL. Esta última forma de representar el color la descubrí hace poco (y me pareció un concepto interesantísimo) gracias a un artículo de Cris Busquets sobre el HSL que te dejo aquí para cuando termines este post.
Índice
Color de Facebook
Si pruebas su contraste en una herramienta como Contrast Ratio, verás que solo llega a AA para texto grande.
Azul Facebook
#1877f2
rgb(24, 119, 242)
hsl(213, 89, 52)
Color de Twitter
Sucede algo parecido con Twitter, tiene un color que es muy característico, pero en este caso directamente no cumple con las WCAG 2.0 (Web Content Accessibility Guidelines). Otro «fun fact» es que…
¿Te habías fijado en que la interfaz de Instagram tiene unos colores prácticamente iguales a los de Twitter a pesar de no ser de la misma empresa? tuitear y conspirar
Azul Twitter
#1DA1F2
rgb(29, 161, 242)
hsl(202, 89, 53)
Colores de Instagram
Estos colores son más delicados de escoger porque Instagram no tiene unos colores exactos sino un degradado, así que he escogido los que mejor representan la sensación de color que da el logo.
Personalmente, me parece interesantísimo que tengan un degradado de color en vez de un solo color corporativo.
Amarillo Instagram
#FED372
rgb(254, 211, 114)
hsl(41, 98, 72)
Naranja Instagram
#F86F2F
rgb(248, 111, 47)
hsl(19, 93, 57)
Magenta Instagram
#D43089
rgb(212, 48, 137)
hsl(327, 65, 50)
Morado Instagram
#9E37B8
rgb(158, 55, 184)
hsl(287, 53, 46)
Azul Instagram
#5F4BC6
rgb(95, 75, 198)
hsl(249, 51, 53)
Color de LinkedIn
¿Qué te puedo contar del color de LinkedIn que no sepas ya? Pues que el color es prácticamente idéntico al antiguo de Facebook solo que es más verdoso. (Y que llega al nivel AA en todos los textos y AAA en texto grande)
Azul Linkedin
#0073b1
rgb(0, 115, 177)
hsl(201, 100, 34)
Color de YouTube
Rojo Youtube
#FF0000
rgb(240, 0, 0)
hsl(0, 100, 47)
Colores de TikTok
Quién nos iba a decir que TikTok, entre todas las redes, iba a ser la única que iba a cumplir en términos de contraste de luminosidad… (Tiene otros problemas de accesibilidad pero ¡los colores no son uno de ellos!)
Rosa TikTok
#FE2C55
rgb(254, 44, 85)
hsl(348, 99, 58)
Cian TikTok
#20D5EC
rgb(32, 213, 236)
hsl(186, 84, 52)
Negro TikTok
#000
rgb(0, 0, 0)
hsl(0, 0, 0)
¡Guarda este post para tener los colores a mano! Iré actualizándolo 😉
