bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6
Live Example
Graphic Tools
Invisible Counter
HTML Color Codes - Hex Colors - Color Spectrum
Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors
Colorpallet from #C4C786 to #C486C7 and to #C7C486
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4BD90
#C4BF8E
#C4C08D
#C4C28B
#C4C38A
#C4C588
#C4C786
#C4B29B
#C4B598
#C4B894
#C4BC91
#C5BF8E
#C5C28A
#C5C686
#C4A8A5
#C4ADA0
#C4B29B
#C4B696
#C5BB91
#C5C08C
#C5C686
#C49DB0
#C4A3A9
#C5AAA3
#C5B09C
#C5B795
#C6BD8E
#C6C586
#C493BA
#C49BB2
#C5A3A9
#C5ABA1
#C5B399
#C6BB90
#C6C586
#C486C7
#C490BD
#C59AB2
#C5A4A8
#C6AE9D
#C6B893
#C7C486
Colorpallet from #C4C786 to #C486C7 and to #C786C4
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4BD90
#C4BD90
#C4BD90
#C4BD90
#C4BD90
#C4BD90
#C4BD90
#C4B29B
#C4B29B
#C4B29B
#C4B29B
#C5B29A
#C5B29A
#C5B29A
#C4A8A5
#C4A8A5
#C4A8A5
#C4A8A5
#C5A8A4
#C5A8A4
#C5A8A4
#C49DB0
#C49DB0
#C59DAF
#C59DAF
#C59DAF
#C69DAE
#C69DAE
#C493BA
#C493BA
#C593B9
#C593B9
#C593B9
#C693B8
#C693B8
#C486C7
#C486C7
#C586C6
#C586C6
#C686C5
#C686C5
#C786C4
Colorpallet from #C4C786 to #C486C7 and to #86C4C7
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4BD90
#C2BF90
#C1C090
#BFC290
#BEC390
#BCC590
#BAC790
#C4B29B
#C1B59B
#BEB89B
#BABC9B
#B7BF9B
#B4C29B
#B0C69B
#C4A8A5
#BFADA5
#BAB2A5
#B6B6A5
#B1BBA5
#ACC0A5
#A6C6A5
#C49DB0
#BEA3B0
#B7AAB0
#B1B0B0
#AAB7B0
#A4BDB0
#9CC5B0
#C493BA
#BC9BBA
#B4A3BA
#ACABBA
#A4B3BA
#9CBBBA
#92C5BA
#C486C7
#BA90C7
#B09AC7
#A6A4C7
#9CAEC7
#92B8C7
#86C4C7
Colorpallet from #C4C786 to #C486C7 and to #86C7C4
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4BD90
#C2BF90
#C1C090
#BFC290
#BEC390
#BCC590
#BAC790
#C4B29B
#C1B59B
#BEB99B
#BABC9B
#B7BF9A
#B4C39A
#B0C79A
#C4A8A5
#BFADA5
#BAB2A5
#B6B7A5
#B1BCA4
#ACC1A4
#A6C7A4
#C49DB0
#BEA4B0
#B7AAAF
#B1B1AF
#AAB8AF
#A4BFAE
#9CC7AE
#C493BA
#BC9BBA
#B4A4B9
#ACACB9
#A4B4B9
#9CBDB8
#92C7B8
#C486C7
#BA90C7
#B09BC6
#A6A5C6
#9CB0C5
#92BAC5
#86C7C4
Colorpallet from #C4C786 to #C7C486 and to #C786C4
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C588
#C4C489
#C4C28B
#C4C18C
#C4BF8E
#C4BD90
#C5C686
#C5C389
#C5C08C
#C5BC90
#C5B993
#C5B696
#C5B29A
#C5C686
#C5C18B
#C5BC90
#C5B894
#C5B399
#C5AE9E
#C5A8A4
#C6C586
#C6BF8C
#C6B893
#C6B299
#C6ABA0
#C6A5A6
#C69DAE
#C6C586
#C6BD8E
#C6B596
#C6AD9E
#C6A5A6
#C69DAE
#C693B8
#C7C486
#C7BA90
#C7B09A
#C7A6A4
#C79CAE
#C792B8
#C786C4
Colorpallet from #C4C786 to #C7C486 and to #86C4C7
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C2C788
#C1C789
#BFC78B
#BEC78C
#BCC78E
#BAC790
#C5C686
#C2C689
#BEC68D
#BBC690
#B8C693
#B4C697
#B0C69B
#C5C686
#C0C68B
#BBC690
#B6C695
#B1C69A
#ACC69F
#A6C6A5
#C6C586
#BFC58D
#B9C593
#B2C59A
#ABC5A1
#A4C5A8
#9CC5B0
#C6C586
#BEC58E
#B5C597
#ADC59F
#A5C5A7
#9CC5B0
#92C5BA
#C7C486
#BDC490
#B2C49B
#A8C4A5
#9DC4B0
#93C4BA
#86C4C7
Colorpallet from #C4C786 to #C7C486 and to #86C7C4
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C2C788
#C1C789
#BFC78B
#BEC78C
#BCC78E
#BAC790
#C5C686
#C2C689
#BEC68C
#BBC690
#B8C793
#B4C796
#B0C79A
#C5C686
#C0C68B
#BBC690
#B6C694
#B1C799
#ACC79E
#A6C7A4
#C6C586
#BFC58C
#B9C693
#B2C699
#ABC6A0
#A4C7A6
#9CC7AE
#C6C586
#BEC58E
#B5C696
#ADC69E
#A5C6A6
#9CC7AE
#92C7B8
#C7C486
#BDC490
#B2C59A
#A8C5A4
#9DC6AE
#93C6B8
#86C7C4
Colorpallet from #C4C786 to #C786C4 and to #86C4C7
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4BD90
#C2BF90
#C1C090
#BFC290
#BEC390
#BCC590
#BAC790
#C5B29A
#C2B59A
#BEB89A
#BBBC9A
#B8BF9B
#B4C29B
#B0C69B
#C5A8A4
#C0ADA4
#BBB2A4
#B6B6A4
#B1BBA5
#ACC0A5
#A6C6A5
#C69DAE
#BFA3AE
#B9AAAF
#B2B0AF
#ABB7AF
#A4BDB0
#9CC5B0
#C693B8
#BE9BB8
#B5A3B9
#ADABB9
#A5B3B9
#9CBBBA
#92C5BA
#C786C4
#BD90C4
#B29AC5
#A8A4C5
#9DAEC6
#93B8C6
#86C4C7
Colorpallet from #C4C786 to #C786C4 and to #86C7C4
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4BD90
#C2BF90
#C1C090
#BFC290
#BEC390
#BCC590
#BAC790
#C5B29A
#C2B59A
#BEB99A
#BBBC9A
#B8BF9A
#B4C39A
#B0C79A
#C5A8A4
#C0ADA4
#BBB2A4
#B6B7A4
#B1BCA4
#ACC1A4
#A6C7A4
#C69DAE
#BFA4AE
#B9AAAE
#B2B1AE
#ABB8AE
#A4BFAE
#9CC7AE
#C693B8
#BE9BB8
#B5A4B8
#ADACB8
#A5B4B8
#9CBDB8
#92C7B8
#C786C4
#BD90C4
#B29BC4
#A8A5C4
#9DB0C4
#93BAC4
#86C7C4
Colorpallet from #C4C786 to #86C4C7 and to #86C7C4
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#C4C786
#BAC790
#BAC790
#BAC790
#BAC790
#BAC790
#BAC790
#BAC790
#B0C69B
#B0C69B
#B0C69B
#B0C69B
#B0C79A
#B0C79A
#B0C79A
#A6C6A5
#A6C6A5
#A6C6A5
#A6C6A5
#A6C7A4
#A6C7A4
#A6C7A4
#9CC5B0
#9CC5B0
#9CC6AF
#9CC6AF
#9CC6AF
#9CC7AE
#9CC7AE
#92C5BA
#92C5BA
#92C6B9
#92C6B9
#92C6B9
#92C7B8
#92C7B8
#86C4C7
#86C4C7
#86C5C6
#86C5C6
#86C6C5
#86C6C5
#86C7C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
