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 #CEB880 to #CE80B8 and to #B8CE80
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEAF89
#CDB188
#CDB386
#CCB585
#CBB783
#CBB982
#CABC80
#CEA692
#CDAA8F
#CCAE8C
#CBB289
#CAB686
#C8BA84
#C7BF80
#CE9D9B
#CCA397
#CAA992
#C9AF8E
#C7B58A
#C5BB85
#C3C380
#CE94A4
#CC9C9E
#CAA498
#C7AC93
#C5B48D
#C3BC87
#C0C680
#CE8BAD
#CB95A6
#C89F9F
#C5A997
#C2B390
#C0BD89
#BCCA80
#CE80B8
#CA8CAF
#C799A6
#C3A59D
#C0B294
#BCBE8B
#B8CE80
Colorpallet from #CEB880 to #CE80B8 and to #B880CE
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEAF89
#CDAF89
#CDAF8A
#CCAF8A
#CBAF8B
#CBAF8B
#CAAF8C
#CEA692
#CDA693
#CCA694
#CBA695
#CAA696
#C8A698
#C7A699
#CE9D9B
#CC9D9D
#CA9D9E
#C99DA0
#C79DA1
#C59DA3
#C39DA5
#CE94A4
#CC94A6
#CA94A8
#C794AB
#C594AD
#C394AF
#C094B2
#CE8BAD
#CB8BB0
#C88BB2
#C58BB5
#C28BB8
#C08BBB
#BC8BBE
#CE80B8
#CA80BC
#C780BF
#C380C3
#C080C6
#BC80CA
#B880CE
Colorpallet from #CEB880 to #CE80B8 and to #80CEB8
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEAF89
#CCB189
#CAB389
#C8B589
#C6B789
#C4B989
#C2BC89
#CEA692
#CAAA92
#C6AE92
#C2B292
#BEB692
#BABA92
#B5BF92
#CE9D9B
#C8A39B
#C2A99B
#BCAF9B
#B6B59B
#B0BB9B
#A9C39B
#CE94A4
#C69CA4
#BEA4A4
#B6ACA4
#AEB4A4
#A6BCA4
#9CC6A4
#CE8BAD
#C495AD
#BA9FAD
#B0A9AD
#A6B3AD
#9CBDAD
#90CAAD
#CE80B8
#C28CB8
#B599B8
#A9A5B8
#9CB2B8
#90BEB8
#80CEB8
Colorpallet from #CEB880 to #CE80B8 and to #80B8CE
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEAF89
#CCB089
#CAB28A
#C8B38A
#C6B58B
#C4B68B
#C2B88C
#CEA692
#CAA993
#C6AC94
#C2AF95
#BEB296
#BAB498
#B5B899
#CE9D9B
#C8A19D
#C2A69E
#BCAAA0
#B6AEA1
#B0B3A3
#A9B8A5
#CE94A4
#C69AA6
#BEA0A8
#B6A5AB
#AEABAD
#A6B1AF
#9CB8B2
#CE8BAD
#C492B0
#BA99B2
#B0A1B5
#A6A8B8
#9CAFBB
#90B8BE
#CE80B8
#C289BC
#B592BF
#A99BC3
#9CA4C6
#90ADCA
#80B8CE
Colorpallet from #CEB880 to #B8CE80 and to #B880CE
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CABC80
#CABA82
#CAB884
#CAB686
#CAB488
#CAB28A
#CAAF8C
#C7BF80
#C7BB84
#C7B788
#C7B38C
#C7AF90
#C7AB94
#C7A699
#C3C380
#C3BD86
#C3B78C
#C3B192
#C3AB98
#C3A59E
#C39DA5
#C0C680
#C0BE88
#C0B690
#C0AE98
#C0A6A0
#C09EA8
#C094B2
#BCCA80
#BCC08A
#BCB694
#BCAC9E
#BCA2A8
#BC98B2
#BC8BBE
#B8CE80
#B8C28C
#B8B599
#B8A9A5
#B89CB2
#B890BE
#B880CE
Colorpallet from #CEB880 to #B8CE80 and to #80CEB8
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CABC80
#C9BC81
#C7BC83
#C6BC84
#C5BC86
#C4BC87
#C2BC89
#C7BF80
#C4BF83
#C1BF86
#BEBF89
#BBBF8C
#B9BF8E
#B5BF92
#C3C380
#BFC384
#BBC389
#B7C38D
#B2C391
#AEC396
#A9C39B
#C0C680
#BAC686
#B4C68C
#AFC691
#A9C697
#A3C69D
#9CC6A4
#BCCA80
#B5CA87
#AECA8E
#A7CA96
#A0CA9D
#99CAA4
#90CAAD
#B8CE80
#AFCE89
#A6CE92
#9DCE9B
#94CEA4
#8BCEAD
#80CEB8
Colorpallet from #CEB880 to #B8CE80 and to #80B8CE
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CABC80
#C9BB82
#C7BB84
#C6BA86
#C5B988
#C4B98A
#C2B88C
#C7BF80
#C4BE84
#C1BD88
#BEBC8C
#BBBB90
#B9B994
#B5B899
#C3C380
#BFC186
#BBBF8C
#B7BE92
#B2BC98
#AEBA9E
#A9B8A5
#C0C680
#BAC488
#B4C290
#AFBF98
#A9BDA0
#A3BBA8
#9CB8B2
#BCCA80
#B5C78A
#AEC494
#A7C19E
#A0BEA8
#99BCB2
#90B8BE
#B8CE80
#AFCA8C
#A6C799
#9DC3A5
#94C0B2
#8BBCBE
#80B8CE
Colorpallet from #CEB880 to #B880CE and to #80CEB8
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CAAF8C
#C9B18C
#C7B38B
#C6B58B
#C5B78A
#C4B98A
#C2BC89
#C7A699
#C4AA98
#C1AE97
#BEB296
#BBB695
#B9BA93
#B5BF92
#C39DA5
#BFA3A3
#BBA9A2
#B7AFA0
#B2B59F
#AEBB9D
#A9C39B
#C094B2
#BA9CB0
#B4A4AE
#AFACAB
#A9B4A9
#A3BCA7
#9CC6A4
#BC8BBE
#B595BB
#AE9FB9
#A7A9B6
#A0B3B3
#99BDB0
#90CAAD
#B880CE
#AF8CCA
#A699C7
#9DA5C3
#94B2C0
#8BBEBC
#80CEB8
Colorpallet from #CEB880 to #B880CE and to #80B8CE
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CAAF8C
#C9B08C
#C7B28C
#C6B38C
#C5B58C
#C4B68C
#C2B88C
#C7A699
#C4A999
#C1AC99
#BEAF99
#BBB299
#B9B499
#B5B899
#C39DA5
#BFA1A5
#BBA6A5
#B7AAA5
#B2AEA5
#AEB3A5
#A9B8A5
#C094B2
#BA9AB2
#B4A0B2
#AFA5B2
#A9ABB2
#A3B1B2
#9CB8B2
#BC8BBE
#B592BE
#AE99BE
#A7A1BE
#A0A8BE
#99AFBE
#90B8BE
#B880CE
#AF89CE
#A692CE
#9D9BCE
#94A4CE
#8BADCE
#80B8CE
Colorpallet from #CEB880 to #80CEB8 and to #80B8CE
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#CEB880
#C2BC89
#C2BB89
#C2BB8A
#C2BA8A
#C2B98B
#C2B98B
#C2B88C
#B5BF92
#B5BE93
#B5BD94
#B5BC95
#B5BB96
#B5B998
#B5B899
#A9C39B
#A9C19D
#A9BF9E
#A9BEA0
#A9BCA1
#A9BAA3
#A9B8A5
#9CC6A4
#9CC4A6
#9CC2A8
#9CBFAB
#9CBDAD
#9CBBAF
#9CB8B2
#90CAAD
#90C7B0
#90C4B2
#90C1B5
#90BEB8
#90BCBB
#90B8BE
#80CEB8
#80CABC
#80C7BF
#80C3C3
#80C0C6
#80BCCA
#80B8CE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
