Click and drag buttons to adjust hue, saturation and opacity

Colour Picker Widget

Click for Hex colour code - Hexadecimal colour code is the standard for general CSS colour styles. Always use this code unless a transparency setting is required.

Click for RGBA colour code - RGBA colour code allows the setting of a colour's transparency/opacity. Use the right-most slider to adjust this value.

Examples:

In an Aarcade theme's colour settings:

/* - - - - Page Background */
{% assign page_background = '#ccffff' %}

In standard CSS:

/* - - - - Page Background */
#wrap {
	background-color: '#ccffff';
	}

For more information on CSS colours, refer to CSS Legal Colour Values.

This widget was made by Olav Andreas Lindekleiv, and is available on BitBucket under the BSD License.