Portada Blog

Octa.Beta v.0.3

divendres 28 març 2014 per

50 eines i recursos per a escollir colors en disseny web

Recull d'eines per a treballar en colors - Disseny webTots sabem que els colors transmeten emocions i que, en disseny web, és molt important fer una bona elecció de la paleta de colors. Així, depenent dels colors que utilitzem, transmetrem uns valors o uns altres d’acord amb el tarannà de l’empresa o institució per la qual estiguem treballant.

Fa temps, en aquest mateix blog, us parlàvem dels esquemes de colors, però avui us volem presentar un llistat molt més exhaustiu d’eines i recursos que us ajudaran a l’hora d’escollir els colors per als vostres dissenys.

Eines genèriques per a treballar amb el color online

  • Colorhexa
    Donant un codi de color, t’ofereix un munt d’informació sobre paletes de colors, ombres i tints, variacions del mateix to, conversions en altres formats de color… I també un simulador per a persones amb deficiència en la visió del color.
  • Kuler
    És una de les millors eines de creació d’esquemes de color, de la mà d’Adobe.
  • Color Scheme Desginer
    Amb una bonica interfície, ofereix un munt d’eines per a escollir colors i les seves variants. Té magnífiques opcions d’exportació (HTML + CSS, XML i paletes de Phothospo o de Gimp). També té opcions d’accessibilitat, amb el “colorblind”, que et permet simular com ho veuen les persones amb algunes de les deficiències més habituals en la visió del color.
  • Color Explorer
    Ofereix un recull d’eines molt completes per al tractament del color, per a crear i convertir la teva paleta de colors i també permet escollir colors dels esquemes de colors més coneguts i un convertidor de formats i un analitzador de contrast.
  • Color blendy
    Permet anar generant els colors al moment i visualitzar el millor resultat
  • Color combinations tester
    Per a crear combinacions de colors
  • (Actualitzat Nov- 2018) How Colors Work on the Web in 2018
    Una bona guia per entendre els diversos usos del color aplicat al web i com declarar les seves codificacions en RGB, codi hexadecimal, etc.

Eines per a extreure els colors a partir de pujar una imatge

Webs on inspirar-se, crear o compartir paletes de colors

  • Color lovers
    És una comunitat online on els afeccionats al color poden crear, compartir i navegar per diferents paletes de color, compartir colors, patrons, parlar sobre les darreres tendències en colors i llegir articles sobre color.
  • Instant Color Schemes
    Esquemes de color generats analitzant l’API d’imatges de Yahoo.
  • ColorRD
    Per a crear i compartir la inspiració relacionada amb els colors.
  • Color Combos

Eines per agafar colors (color pickers)

Altres eines curioses

  • Multicolr Search Lab
    Cercador d’imatges a partir del color: tenint com a base 10 milions d’imatges de Flickr, et permet cercar imatges escollint fins a 5 colors. Molt útil per trobar imatges de determinades tonalitats.
  • Stylify Me
    Una eina molt útil! Introdueixes la URL d’un web i et retorna els colors i també els estils principals utilitzats en aquest web.
  • Check my colors
    Com en el cas interior, introdueixes una URL i et dóna els colors utilitzats i valora si hi ha algun problema amb el contrast, lluminositat, etc.
  • Brand colors
    Per a inspirar-se: t’ofereix els codis de color del color corporatiu de moltes marques conegudes
  • Colorzilla
    Extensió molt útil per a Firefox per a agafar els colors dels webs que es visiten

Infografies interessants

Teoria del color

Esperem que us sigui ben útil!

, ,

Pujar

Can Antaviana

Santa Justina 29 25400 Les Borges Blanques (Lleida) Tel: 973 14 34 81