Archive for the ‘Colours’ Category

Previously, at WRD, very nice color palette generation tools were introduced.

Colourcode is another one which offers a very original-yet-easy way of creating them.

The color schemes are generated with the mouse location/movements and multiple options exist for setting the scheme type: monochrome (with light/dark grey), analogic, triad and more.

Colourcode

Once created, it can be downloaded as styles (.less and .scss) or .png. It is also possible to save the palette for future use or share with a link.

Colourcode can be used freely online or, it is open source, it can be self-hosted.

  • Tags:
  • Filed under: Colours, Design, MIT License
  • 1 Comment
  • Web Colour Data is a web service to easily find out “which colors are used on a web page”.

    It works by simply submitting a URL and the service auto-extracts + analyzes the colors in it.

    The color palette is presented with a breakdown in percentages and hue distribution.

    Also, it is a good source of color inspiration as palettes used in many popular websites are displayed as well.

    Web Colour Data

  • Tags:
  • Filed under: Colours, Design, No License
  • 1 Comment
  • iWantHue is a web-based color palette generator that provides powerful settings for finding the colors that play well with each other.

    It works by defining a range of hue, chroma +lightness and the app can return a palette of any size instantly.

    iWantHue

    The palettes are provided in multiple formats (RGB or HEX, as a list or JSON) and, also, there are also presets to create faster.

    iWantHue is open source and anyone can use it to create palettes with only JavaScript.

    For every design, we probably think which colors to use as colors are one of the most important elements in visual communication.

    BrandColors is a curated gallery of major brand color codes to help us get inspired on choosing ours.

    The gallery is mostly focused on web and technology brands and it is also good to see which colors are preferred the most.

    BrandColors

    Check My Colours is a free-to-use web application for analyzing the color contrasts used on a web page.

    It checks the foreground and background color combinations of all DOM elements and lets us to know if they have enough contrast when viewed by someone having color deficits.

    Check My Colours

    Once a URL is submitted, it lists all the elements + their contrast levels and marks any problematic elements. Also, it allows us to play with their colors online to find the right color.

    P.S. The tests ran are based on the algorithms suggested by W3C