Colour Selector
I was fed up with having to open the GIMP or similar just to browse for colours, so I built this.
For simplicity, it just sticks with web-safe colours - i.e. all the hex vales will be of the form #XXYYZZ. In fact, they're of the form #XYZ, but that's OK as the browser will fill in the rest. It's all part of the official CSS specification, don't worry.
To use it, pick one of Red, Green or Blue to fix at a particular value (from 0 to 15, i.e. from 00 to ee). The gadget will then fill in the 16x16 square with all the web-safe colours that use that value for that colour.
Mostly because it amused me (and because I think it looks cool), it also changes the colour of the text in the box. The idea was that for darker backgrounds it would use proportionally lighter text, so you don't get black-on-black. It works as far as it goes, but for middling colours you tend to get greyish on greyish. I still think it looks cool though.
The PHP used to generate this page is nothing special - it's just a few for-next loops to build the initial table. The work is done in the JavaScript, which can be downloaded here (or just copy-pasted from this page's source).
#600 |
#601 |
#602 |
#603 |
#604 |
#605 |
#606 |
#607 |
#608 |
#609 |
#60a |
#60b |
#60c |
#60d |
#60e |
#60f |
#610 |
#611 |
#612 |
#613 |
#614 |
#615 |
#616 |
#617 |
#618 |
#619 |
#61a |
#61b |
#61c |
#61d |
#61e |
#61f |
#620 |
#621 |
#622 |
#623 |
#624 |
#625 |
#626 |
#627 |
#628 |
#629 |
#62a |
#62b |
#62c |
#62d |
#62e |
#62f |
#630 |
#631 |
#632 |
#633 |
#634 |
#635 |
#636 |
#637 |
#638 |
#639 |
#63a |
#63b |
#63c |
#63d |
#63e |
#63f |
#640 |
#641 |
#642 |
#643 |
#644 |
#645 |
#646 |
#647 |
#648 |
#649 |
#64a |
#64b |
#64c |
#64d |
#64e |
#64f |
#650 |
#651 |
#652 |
#653 |
#654 |
#655 |
#656 |
#657 |
#658 |
#659 |
#65a |
#65b |
#65c |
#65d |
#65e |
#65f |
#660 |
#661 |
#662 |
#663 |
#664 |
#665 |
#666 |
#667 |
#668 |
#669 |
#66a |
#66b |
#66c |
#66d |
#66e |
#66f |
#670 |
#671 |
#672 |
#673 |
#674 |
#675 |
#676 |
#677 |
#678 |
#679 |
#67a |
#67b |
#67c |
#67d |
#67e |
#67f |
#680 |
#681 |
#682 |
#683 |
#684 |
#685 |
#686 |
#687 |
#688 |
#689 |
#68a |
#68b |
#68c |
#68d |
#68e |
#68f |
#690 |
#691 |
#692 |
#693 |
#694 |
#695 |
#696 |
#697 |
#698 |
#699 |
#69a |
#69b |
#69c |
#69d |
#69e |
#69f |
#6a0 |
#6a1 |
#6a2 |
#6a3 |
#6a4 |
#6a5 |
#6a6 |
#6a7 |
#6a8 |
#6a9 |
#6aa |
#6ab |
#6ac |
#6ad |
#6ae |
#6af |
#6b0 |
#6b1 |
#6b2 |
#6b3 |
#6b4 |
#6b5 |
#6b6 |
#6b7 |
#6b8 |
#6b9 |
#6ba |
#6bb |
#6bc |
#6bd |
#6be |
#6bf |
#6c0 |
#6c1 |
#6c2 |
#6c3 |
#6c4 |
#6c5 |
#6c6 |
#6c7 |
#6c8 |
#6c9 |
#6ca |
#6cb |
#6cc |
#6cd |
#6ce |
#6cf |
#6d0 |
#6d1 |
#6d2 |
#6d3 |
#6d4 |
#6d5 |
#6d6 |
#6d7 |
#6d8 |
#6d9 |
#6da |
#6db |
#6dc |
#6dd |
#6de |
#6df |
#6e0 |
#6e1 |
#6e2 |
#6e3 |
#6e4 |
#6e5 |
#6e6 |
#6e7 |
#6e8 |
#6e9 |
#6ea |
#6eb |
#6ec |
#6ed |
#6ee |
#6ef |
#6f0 |
#6f1 |
#6f2 |
#6f3 |
#6f4 |
#6f5 |
#6f6 |
#6f7 |
#6f8 |
#6f9 |
#6fa |
#6fb |
#6fc |
#6fd |
#6fe |
#6ff |
All gadgets are released under the terms of the
GNU GPL.