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 #F4E284 to #F484E2 and to #E2F484
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4D393
#F4D691
#F3D98E
#F3DC8C
#F2DF89
#F2E187
#F1E584
#F4C4A2
#F3CA9D
#F2D098
#F1D594
#F0DB8F
#EFE18A
#EEE884
#F4B5B1
#F3BEAA
#F1C6A3
#F0CF9B
#EED894
#EDE08D
#EBEB84
#F4A6C0
#F2B2B6
#F0BDAD
#EEC9A3
#ECD49A
#EAE090
#E8EE84
#F497CF
#F2A5C3
#F0B3B7
#EDC2AB
#EBD09F
#E9DE93
#E6F084
#F484E2
#F196D3
#EEA8C4
#EBBAB5
#E8CCA6
#E6DE97
#E2F484
Colorpallet from #F4E284 to #F484E2 and to #E284F4
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4D393
#F4D393
#F3D394
#F3D394
#F2D395
#F2D395
#F1D396
#F4C4A2
#F3C4A3
#F2C4A4
#F1C4A5
#F0C4A6
#EFC4A7
#EEC4A8
#F4B5B1
#F3B5B2
#F1B5B4
#F0B5B5
#EEB5B7
#EDB5B8
#EBB5BA
#F4A6C0
#F2A6C2
#F0A6C4
#EEA6C6
#ECA6C8
#EAA6CA
#E8A6CC
#F497CF
#F297D1
#F097D4
#ED97D6
#EB97D9
#E997DB
#E697DE
#F484E2
#F184E5
#EE84E8
#EB84EB
#E884EE
#E684F0
#E284F4
Colorpallet from #F4E284 to #F484E2 and to #84F4E2
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4D393
#F1D693
#EED993
#EBDC93
#E8DF93
#E6E193
#E2E593
#F4C4A2
#EECAA2
#E8D0A2
#E3D5A2
#DDDBA2
#D7E1A2
#D0E8A2
#F4B5B1
#EBBEB1
#E3C6B1
#DACFB1
#D1D8B1
#C9E0B1
#BEEBB1
#F4A6C0
#E8B2C0
#DDBDC0
#D1C9C0
#C6D4C0
#BAE0C0
#ACEEC0
#F497CF
#E6A5CF
#D7B3CF
#C9C2CF
#BAD0CF
#ACDECF
#9AF0CF
#F484E2
#E296E2
#D0A8E2
#BEBAE2
#ACCCE2
#9ADEE2
#84F4E2
Colorpallet from #F4E284 to #F484E2 and to #84E2F4
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4D393
#F1D593
#EED894
#EBDA94
#E8DD95
#E6DF95
#E2E296
#F4C4A2
#EEC9A3
#E8CEA4
#E3D2A5
#DDD7A6
#D7DCA7
#D0E2A8
#F4B5B1
#EBBCB2
#E3C3B4
#DACBB5
#D1D2B7
#C9D9B8
#BEE2BA
#F4A6C0
#E8B0C2
#DDB9C4
#D1C3C6
#C6CCC8
#BAD6CA
#ACE2CC
#F497CF
#E6A3D1
#D7AFD4
#C9BBD6
#BAC7D9
#ACD3DB
#9AE2DE
#F484E2
#E293E5
#D0A2E8
#BEB1EB
#ACC0EE
#9ACFF0
#84E2F4
Colorpallet from #F4E284 to #E2F484 and to #E284F4
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F1E584
#F1E287
#F1DF8A
#F1DC8D
#F1D990
#F1D792
#F1D396
#EEE884
#EEE28A
#EEDC90
#EED795
#EED19B
#EECBA1
#EEC4A8
#EBEB84
#EBE28D
#EBDA95
#EBD19E
#EBC8A7
#EBC0AF
#EBB5BA
#E8EE84
#E8E290
#E8D79B
#E8CBA7
#E8C0B2
#E8B4BE
#E8A6CC
#E6F084
#E6E292
#E6D4A1
#E6C5AF
#E6B7BE
#E6A9CC
#E697DE
#E2F484
#E2E296
#E2D0A8
#E2BEBA
#E2ACCC
#E29ADE
#E284F4
Colorpallet from #F4E284 to #E2F484 and to #84F4E2
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F1E584
#EFE586
#ECE589
#EAE58B
#E7E58E
#E5E590
#E2E593
#EEE884
#E9E889
#E4E88E
#E0E892
#DBE897
#D6E89C
#D0E8A2
#EBEB84
#E4EB8B
#DDEB92
#D5EB9A
#CEEBA1
#C7EBA8
#BEEBB1
#E8EE84
#DEEE8E
#D5EE97
#CBEEA1
#C2EEAA
#B8EEB4
#ACEEC0
#E6F084
#DAF090
#CEF09C
#C2F0A8
#B5F0B4
#A9F0C0
#9AF0CF
#E2F484
#D3F493
#C4F4A2
#B5F4B1
#A6F4C0
#97F4CF
#84F4E2
Colorpallet from #F4E284 to #E2F484 and to #84E2F4
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F1E584
#EFE587
#ECE48A
#EAE48D
#E7E390
#E5E392
#E2E296
#EEE884
#E9E78A
#E4E690
#E0E595
#DBE49B
#D6E3A1
#D0E2A8
#EBEB84
#E4EA8D
#DDE895
#D5E79E
#CEE5A7
#C7E4AF
#BEE2BA
#E8EE84
#DEEC90
#D5EA9B
#CBE8A7
#C2E6B2
#B8E4BE
#ACE2CC
#E6F084
#DAEE92
#CEECA1
#C2E9AF
#B5E7BE
#A9E5CC
#9AE2DE
#E2F484
#D3F196
#C4EEA8
#B5EBBA
#A6E8CC
#97E6DE
#84E2F4
Colorpallet from #F4E284 to #E284F4 and to #84F4E2
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F1D396
#EFD696
#ECD995
#EADC95
#E7DF94
#E5E194
#E2E593
#EEC4A8
#E9CAA7
#E4D0A6
#E0D5A5
#DBDBA4
#D6E1A3
#D0E8A2
#EBB5BA
#E4BEB9
#DDC6B7
#D5CFB6
#CED8B4
#C7E0B3
#BEEBB1
#E8A6CC
#DEB2CA
#D5BDC8
#CBC9C6
#C2D4C4
#B8E0C2
#ACEEC0
#E697DE
#DAA5DC
#CEB3D9
#C2C2D7
#B5D0D4
#A9DED2
#9AF0CF
#E284F4
#D396F1
#C4A8EE
#B5BAEB
#A6CCE8
#97DEE6
#84F4E2
Colorpallet from #F4E284 to #E284F4 and to #84E2F4
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F1D396
#EFD596
#ECD896
#EADA96
#E7DD96
#E5DF96
#E2E296
#EEC4A8
#E9C9A8
#E4CEA8
#E0D2A8
#DBD7A8
#D6DCA8
#D0E2A8
#EBB5BA
#E4BCBA
#DDC3BA
#D5CBBA
#CED2BA
#C7D9BA
#BEE2BA
#E8A6CC
#DEB0CC
#D5B9CC
#CBC3CC
#C2CCCC
#B8D6CC
#ACE2CC
#E697DE
#DAA3DE
#CEAFDE
#C2BBDE
#B5C7DE
#A9D3DE
#9AE2DE
#E284F4
#D393F4
#C4A2F4
#B5B1F4
#A6C0F4
#97CFF4
#84E2F4
Colorpallet from #F4E284 to #84F4E2 and to #84E2F4
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#F4E284
#E2E593
#E2E593
#E2E494
#E2E494
#E2E395
#E2E395
#E2E296
#D0E8A2
#D0E7A3
#D0E6A4
#D0E5A5
#D0E4A6
#D0E3A7
#D0E2A8
#BEEBB1
#BEEAB2
#BEE8B4
#BEE7B5
#BEE5B7
#BEE4B8
#BEE2BA
#ACEEC0
#ACECC2
#ACEAC4
#ACE8C6
#ACE6C8
#ACE4CA
#ACE2CC
#9AF0CF
#9AEED1
#9AECD4
#9AE9D6
#9AE7D9
#9AE5DB
#9AE2DE
#84F4E2
#84F1E5
#84EEE8
#84EBEB
#84E8EE
#84E6F0
#84E2F4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
