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 #D5A780 to #D580A7 and to #A7D580
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A186
#D4A385
#D3A584
#D2A783
#D1A982
#CFAB81
#CEAE80
#D59B8C
#D39F8A
#D0A488
#CEA886
#CBAC84
#C9B182
#C6B680
#D59493
#D19B90
#CEA18D
#CAA88A
#C7AE87
#C3B584
#BFBD80
#D58E99
#D09795
#CC9F91
#C7A88D
#C2B189
#BEB985
#B8C480
#D5889F
#CF939A
#C99E95
#C3A990
#BDB48B
#B7BE86
#B0CC80
#D580A7
#CE8EA1
#C69B9B
#BFA994
#B8B68E
#B0C488
#A7D580
Colorpallet from #D5A780 to #D580A7 and to #A780D5
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A186
#D4A187
#D3A189
#D2A18A
#D1A18B
#CFA18C
#CEA18E
#D59B8C
#D39B8E
#D09B91
#CE9B93
#CB9B96
#C99B98
#C69B9B
#D59493
#D19497
#CE949A
#CA949E
#C794A1
#C394A5
#BF94A9
#D58E99
#D08E9E
#CC8EA2
#C78EA7
#C28EAC
#BE8EB0
#B88EB6
#D5889F
#CF88A5
#C988AB
#C388B1
#BD88B7
#B788BD
#B088C4
#D580A7
#CE80AE
#C680B6
#BF80BD
#B880C4
#B080CC
#A780D5
Colorpallet from #D5A780 to #D580A7 and to #80D5A7
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A186
#D3A386
#D1A586
#CEA786
#CCA986
#CAAB86
#C7AE86
#D59B8C
#D19F8C
#CCA48C
#C8A88C
#C4AC8C
#BFB18C
#BAB68C
#D59493
#CE9B93
#C8A193
#C1A893
#BBAE93
#B4B593
#ACBD93
#D58E99
#CC9799
#C49F99
#BBA899
#B2B199
#AAB999
#9FC499
#D5889F
#CA939F
#BF9E9F
#B4A99F
#A9B49F
#9FBE9F
#91CC9F
#D580A7
#C78EA7
#BA9BA7
#ACA9A7
#9FB6A7
#91C4A7
#80D5A7
Colorpallet from #D5A780 to #D580A7 and to #80A7D5
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A186
#D3A287
#D1A389
#CEA48A
#CCA58B
#CAA68C
#C7A78E
#D59B8C
#D19D8E
#CC9F91
#C8A193
#C4A396
#BFA598
#BAA79B
#D59493
#CE9797
#C89A9A
#C19D9E
#BBA0A1
#B4A3A5
#ACA7A9
#D58E99
#CC929E
#C496A2
#BB9AA7
#B29EAC
#AAA2B0
#9FA7B6
#D5889F
#CA8DA5
#BF92AB
#B497B1
#A99CB7
#9FA1BD
#91A7C4
#D580A7
#C786AE
#BA8CB6
#AC93BD
#9F99C4
#919FCC
#80A7D5
Colorpallet from #D5A780 to #A7D580 and to #A780D5
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#CEAE80
#CEAC82
#CEAA84
#CEA887
#CEA689
#CEA48B
#CEA18E
#C6B680
#C6B284
#C6AD89
#C6A98D
#C6A591
#C6A096
#C69B9B
#BFBD80
#BFB687
#BFB08D
#BFA994
#BFA39A
#BF9CA1
#BF94A9
#B8C480
#B8BB89
#B8B391
#B8AA9A
#B8A1A3
#B899AB
#B88EB6
#B0CC80
#B0C18B
#B0B696
#B0ABA1
#B0A0AC
#B096B6
#B088C4
#A7D580
#A7C78E
#A7BA9B
#A7ACA9
#A79FB6
#A791C4
#A780D5
Colorpallet from #D5A780 to #A7D580 and to #80D5A7
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#CEAE80
#CDAE81
#CCAE82
#CBAE83
#CAAE84
#C8AE85
#C7AE86
#C6B680
#C4B682
#C2B684
#C0B686
#BEB688
#BCB68A
#BAB68C
#BFBD80
#BCBD83
#B9BD86
#B6BD89
#B3BD8C
#B0BD8F
#ACBD93
#B8C480
#B4C484
#B0C488
#ACC48C
#A8C490
#A4C494
#9FC499
#B0CC80
#ABCC85
#A6CC8A
#A1CC8F
#9CCC94
#97CC99
#91CC9F
#A7D580
#A1D586
#9BD58C
#94D593
#8ED599
#88D59F
#80D5A7
Colorpallet from #D5A780 to #A7D580 and to #80A7D5
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#CEAE80
#CDAD82
#CCAC84
#CBAB87
#CAAA89
#C8A88B
#C7A78E
#C6B680
#C4B484
#C2B189
#C0AF8D
#BEAC91
#BCAA96
#BAA79B
#BFBD80
#BCB987
#B9B68D
#B6B294
#B3AF9A
#B0ABA1
#ACA7A9
#B8C480
#B4BF89
#B0BB91
#ACB69A
#A8B1A3
#A4ADAB
#9FA7B6
#B0CC80
#ABC68B
#A6C096
#A1BAA1
#9CB4AC
#97AEB6
#91A7C4
#A7D580
#A1CE8E
#9BC69B
#94BFA9
#8EB8B6
#88B0C4
#80A7D5
Colorpallet from #D5A780 to #A780D5 and to #80D5A7
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#CEA18E
#CDA38D
#CCA58B
#CBA78A
#CAA989
#C8AB88
#C7AE86
#C69B9B
#C49F99
#C2A496
#C0A894
#BEAC91
#BCB18F
#BAB68C
#BF94A9
#BC9BA5
#B9A1A2
#B6A89E
#B3AE9B
#B0B597
#ACBD93
#B88EB6
#B497B1
#B09FAD
#ACA8A8
#A8B1A3
#A4B99F
#9FC499
#B088C4
#AB93BE
#A69EB8
#A1A9B2
#9CB4AC
#97BEA6
#91CC9F
#A780D5
#A18ECE
#9B9BC6
#94A9BF
#8EB6B8
#88C4B0
#80D5A7
Colorpallet from #D5A780 to #A780D5 and to #80A7D5
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#CEA18E
#CDA28E
#CCA38E
#CBA48E
#CAA58E
#C8A68E
#C7A78E
#C69B9B
#C49D9B
#C29F9B
#C0A19B
#BEA39B
#BCA59B
#BAA79B
#BF94A9
#BC97A9
#B99AA9
#B69DA9
#B3A0A9
#B0A3A9
#ACA7A9
#B88EB6
#B492B6
#B096B6
#AC9AB6
#A89EB6
#A4A2B6
#9FA7B6
#B088C4
#AB8DC4
#A692C4
#A197C4
#9C9CC4
#97A1C4
#91A7C4
#A780D5
#A186D5
#9B8CD5
#9493D5
#8E99D5
#889FD5
#80A7D5
Colorpallet from #D5A780 to #80D5A7 and to #80A7D5
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#D5A780
#C7AE86
#C7AD87
#C7AC89
#C7AB8A
#C7AA8B
#C7A88C
#C7A78E
#BAB68C
#BAB48E
#BAB191
#BAAF93
#BAAC96
#BAAA98
#BAA79B
#ACBD93
#ACB997
#ACB69A
#ACB29E
#ACAFA1
#ACABA5
#ACA7A9
#9FC499
#9FBF9E
#9FBBA2
#9FB6A7
#9FB1AC
#9FADB0
#9FA7B6
#91CC9F
#91C6A5
#91C0AB
#91BAB1
#91B4B7
#91AEBD
#91A7C4
#80D5A7
#80CEAE
#80C6B6
#80BFBD
#80B8C4
#80B0CC
#80A7D5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
