Theme
Middle Class White Guy
 
Contact me
Wine SLuRP Gadgets Poetry Stuff Galleries About Me
Home
 
Banners
Buttons
Colours
Dates
Gallery

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).


Fix red
Fix green
Fix blue

#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.
Creative Commons License
Except where stated, this site and its contents are copyright ©2018 Alec Harkness and licensed under a Creative Commons Attribution-Share Alike 2.5 License.
Contact me