Want to take your software engineering career to the next level? Join the mailing list for career tips & advice Click here


A(n awesome) Color Picker

Subscribe to updates I use Iris

Statistics on Iris

Number of watchers on Github 231
Number of open issues 21
Average time to close an issue 13 days
Main language JavaScript
Average time to merge a PR 2 months
Open pull requests 3+
Closed pull requests 8+
Last commit about 4 years ago
Repo Created almost 8 years ago
Repo Last Updated over 2 years ago
Size 2.34 MB
Organization / Authorautomattic
Page Updated
Do you use Iris? Leave a review!
View open issues (21)
View Iris activity
View on github
Fresh, new opensource launches 🚀🚀🚀
Software engineers: It's time to get promoted. Starting NOW! Subscribe to my mailing list and I will equip you with tools, tips and actionable advice to grow in your career.
Evaluating Iris for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)


Iris uses CSS3 Gradients for everything, so it'll look awesome on HiDPI displays out of the box. Initially developed for Custom Colors on WordPress.com and shipping with WordPress 3.5+.


See the Iris project page.


Copyright (c) 20122014 Automattic. Licensed under the GPLv2 license.


In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using grunt.

Important notes

Please don't edit files in the dist subdirectory as they are generated via grunt. You'll find source code in the src subdirectory!

While grunt can run the included unit tests via PhantomJS, this shouldn't be considered a substitute for the real thing. Please be sure to test the test/*.html unit test file(s) in actual browsers.

Installing grunt

This assumes you have node.js and npm installed already.

  1. Test that grunt is installed globally by running grunt --version at the command-line.
  2. If grunt isn't installed globally, run npm install -g grunt-cli to install the latest version. You may need to run sudo npm install -g grunt-cli.
  3. From the root directory of this project, run npm install to install the project's dependencies.
Iris open issues Ask a question     (View All Issues)
  • almost 4 years Add events for show/hide
  • almost 4 years Clear colour does not trigger change event
  • about 4 years Single click on Color Selector Appends # to URL
  • about 4 years Clicking palette color or any color on first click doesn't trigger change callback.
  • about 4 years Set color to empty
  • over 4 years No slider handle focus outlines in WordPress 4.3.1
  • almost 5 years Multiple lines palettes container
  • about 5 years Recently used colors
  • over 5 years Double-click issue affecting window location by appending #
  • almost 6 years Transparency
  • almost 6 years Abrupt color changes when circle dragged outside
  • about 6 years Add titles to palette, use palette only
  • over 6 years Selecting #000000 appears to take 3 attempts
  • over 6 years Setting to close Iris when you click off of it
  • over 7 years Enable rgba Colors
  • over 7 years Option to use as "overlay" over text instead inline
Iris open pull requests (View All Pulls)
  • Square dimensions recalculated to allow selection of full color range
  • Add a hue-only mode
  • Accept function as parameter to "target" option
Iris questions on Stackoverflow (View All Questions)
  • iris to screen calculation for eye tracking
  • Input mismatch for Lasagne on Iris dataset
  • How do I plot the length of the petals for one variable for the "IRIS" data?
  • Decision Boundary separating 3 classes(of fisher iris data set)
  • Android biometric iris recognition API or open source library
  • Neural Networks - How are the IRIS input vectors processed?
  • At what part does the iris data receive a labeled cluster?
  • why Logistic Regression on Iris dataset with PySpark 1.2.0 fails on one class?
  • K-NN classification using Fisher Iris dataset
  • How can I "nest" objects with OpenRDF Alibaba with assigned resource IRIs?
  • Computing an index (heat index) in Iris from mismatched units?
  • PMML - DMG and iris data model
  • SPARQL query that returns prefixed names instead of IRIs
  • Add new row of color palettes in iris color picker
  • Best wavelet for iris recognition
  • Access to IR / iris scanner / windows hello device in windows 10 mobile
  • about detecting iris and pupil circles using hough circle in java opencv
  • ADB and USB drivers for Lava iris atom 2?
  • Iris and pupil detection in image with Java and OpenCV
  • Using a for loop to find IQR in iris
  • Error trying to install package for iris dataset
  • Classification of less than 4 features based on Iris flower data set
  • Trouble running hello-world program on iris mote in cooja simulator
  • Plotting Fisher's Iris Dataset with colorcode
  • Restricted Boltzmann Machine in Scikit-learn: Iris Classification
  • Iris wipe only to open - cross browser support
  • if i wanted to perform an iris scan, would i need any additional api's or can i just use whats readily available?
  • Backpropogation in octave for iris dataset
  • How to get the annotations of concepts (annotations on class IRIs) with OWLAPI?
  • do IRIs in RDF graphs need to be URL encoded?
Iris list of languages used
Other projects in JavaScript