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 #AB8CD8 to #ABD88C and to #8CABD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB98CC
#AA97CE
#A996D0
#A995D2
#A894D4
#A792D6
#A691D8
#ABA4C0
#A9A2C4
#A8A0C8
#A69DCC
#A59BCF
#A399D3
#A196D8
#ABB0B4
#A9ADBA
#A6A9C0
#A4A6C5
#A1A3CB
#9F9FD1
#9C9BD8
#ABBDA7
#A8B8AF
#A5B4B7
#A1AFBF
#9EAAC6
#9BA6CE
#97A0D8
#ABC99B
#A7C3A5
#A3BDAF
#9FB8B8
#9BB2C2
#97ACCC
#92A5D8
#ABD88C
#A6D198
#A1CAA4
#9CC2B0
#97BBBD
#92B4C9
#8CABD8
Colorpallet from #AB8CD8 to #ABD88C and to #8CD8AB
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB98CC
#AA98CD
#A998CE
#A998CE
#A898CF
#A798D0
#A698D1
#ABA4C0
#A9A4C2
#A8A4C3
#A6A4C5
#A5A4C6
#A3A4C8
#A1A4CA
#ABB0B4
#A9B0B6
#A6B0B8
#A4B0BB
#A1B0BD
#9FB0BF
#9CB0C2
#ABBDA7
#A8BDAA
#A5BDAD
#A1BDB1
#9EBDB4
#9BBDB7
#97BDBB
#ABC99B
#A7C99F
#A3C9A3
#9FC9A7
#9BC9AB
#97C9AF
#92C9B4
#ABD88C
#A6D891
#A1D896
#9CD89B
#97D8A0
#92D8A5
#8CD8AB
Colorpallet from #AB8CD8 to #ABD88C and to #D8AB8C
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB98CC
#AC97CC
#AD96CC
#AE95CC
#AF94CC
#B192CC
#B291CC
#ABA4C0
#ADA2C0
#AFA0C0
#B29DC0
#B49BC0
#B699C0
#B996C0
#ABB0B4
#AFADB4
#B2A9B4
#B6A6B4
#B9A3B4
#BD9FB4
#C19BB4
#ABBDA7
#B0B8A7
#B4B4A7
#B9AFA7
#BEAAA7
#C2A6A7
#C8A0A7
#ABC99B
#B1C39B
#B7BD9B
#BCB89B
#C2B29B
#C8AC9B
#CFA59B
#ABD88C
#B2D18C
#B9CA8C
#C1C28C
#C8BB8C
#CFB48C
#D8AB8C
Colorpallet from #AB8CD8 to #ABD88C and to #D88CAB
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB98CC
#AC96CD
#AD94CE
#AE92CE
#AF90CF
#B18ED0
#B28CD1
#ABA4C0
#ADA0C2
#AF9CC3
#B298C5
#B495C6
#B691C8
#B98CCA
#ABB0B4
#AFAAB6
#B2A4B8
#B69FBB
#B999BD
#BD93BF
#C18CC2
#ABBDA7
#B0B5AA
#B4ADAD
#B9A5B1
#BE9EB4
#C296B7
#C88CBB
#ABC99B
#B1BF9F
#B7B5A3
#BCACA7
#C2A2AB
#C898AF
#CF8CB4
#ABD88C
#B2CC91
#B9C096
#C1B49B
#C8A7A0
#CF9BA5
#D88CAB
Colorpallet from #AB8CD8 to #8CABD8 and to #8CD8AB
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#A691D8
#A692D7
#A693D6
#A694D5
#A695D4
#A697D2
#A698D1
#A196D8
#A198D6
#A19AD4
#A19DD1
#A19FCF
#A1A1CD
#A1A4CA
#9C9BD8
#9C9ED4
#9CA2D1
#9CA5CD
#9CA8CA
#9CACC6
#9CB0C2
#97A0D8
#97A5D3
#97A9CF
#97AECA
#97B3C5
#97B7C1
#97BDBB
#92A5D8
#92ABD2
#92B1CC
#92B6C7
#92BCC1
#92C2BB
#92C9B4
#8CABD8
#8CB2D1
#8CB9CA
#8CC1C2
#8CC8BB
#8CCFB4
#8CD8AB
Colorpallet from #AB8CD8 to #8CABD8 and to #D8AB8C
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#A691D8
#A891D6
#AA91D4
#AC91D2
#AE91D0
#B091CE
#B291CC
#A196D8
#A596D4
#A996D0
#AD96CC
#B096C9
#B496C5
#B996C0
#9C9BD8
#A29BD2
#A89BCC
#AE9BC7
#B49BC1
#BA9BBB
#C19BB4
#97A0D8
#9FA0D0
#A7A0C8
#AFA0C0
#B6A0B9
#BEA0B1
#C8A0A7
#92A5D8
#9CA5CE
#A6A5C4
#AFA5BB
#B9A5B1
#C3A5A7
#CFA59B
#8CABD8
#98ABCC
#A4ABC0
#B0ABB4
#BDABA7
#C9AB9B
#D8AB8C
Colorpallet from #AB8CD8 to #8CABD8 and to #D88CAB
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#A691D8
#A890D7
#AA8FD6
#AC8FD5
#AE8ED4
#B08DD2
#B28CD1
#A196D8
#A594D6
#A993D4
#AD91D1
#B090CF
#B48ECD
#B98CCA
#9C9BD8
#A299D4
#A896D1
#AE94CD
#B491CA
#BA8FC6
#C18CC2
#97A0D8
#9F9DD3
#A79ACF
#AF96CA
#B693C5
#BE90C1
#C88CBB
#92A5D8
#9CA1D2
#A69DCC
#AF99C7
#B995C1
#C391BB
#CF8CB4
#8CABD8
#98A6D1
#A4A1CA
#B09CC2
#BD97BB
#C992B4
#D88CAB
Colorpallet from #AB8CD8 to #8CD8AB and to #D8AB8C
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#A698D1
#A897D0
#AA96CF
#AC95CF
#AE94CE
#B092CD
#B291CC
#A1A4CA
#A5A2C8
#A9A0C7
#AD9DC5
#B09BC4
#B499C2
#B996C0
#9CB0C2
#A2ADC0
#A8A9BE
#AEA6BB
#B4A3B9
#BA9FB7
#C19BB4
#97BDBB
#9FB8B8
#A7B4B5
#AFAFB1
#B6AAAE
#BEA6AB
#C8A0A7
#92C9B4
#9CC3B0
#A6BDAC
#AFB8A8
#B9B2A4
#C3ACA0
#CFA59B
#8CD8AB
#98D1A6
#A4CAA1
#B0C29C
#BDBB97
#C9B492
#D8AB8C
Colorpallet from #AB8CD8 to #8CD8AB and to #D88CAB
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#A698D1
#A896D1
#AA94D1
#AC92D1
#AE90D1
#B08ED1
#B28CD1
#A1A4CA
#A5A0CA
#A99CCA
#AD98CA
#B095CA
#B491CA
#B98CCA
#9CB0C2
#A2AAC2
#A8A4C2
#AE9FC2
#B499C2
#BA93C2
#C18CC2
#97BDBB
#9FB5BB
#A7ADBB
#AFA5BB
#B69EBB
#BE96BB
#C88CBB
#92C9B4
#9CBFB4
#A6B5B4
#AFACB4
#B9A2B4
#C398B4
#CF8CB4
#8CD8AB
#98CCAB
#A4C0AB
#B0B4AB
#BDA7AB
#C99BAB
#D88CAB
Colorpallet from #AB8CD8 to #D8AB8C and to #D88CAB
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#AB8CD8
#B291CC
#B290CD
#B28FCE
#B28FCE
#B28ECF
#B28DD0
#B28CD1
#B996C0
#B994C2
#B993C3
#B991C5
#B990C6
#B98EC8
#B98CCA
#C19BB4
#C199B6
#C196B8
#C194BB
#C191BD
#C18FBF
#C18CC2
#C8A0A7
#C89DAA
#C89AAD
#C896B1
#C893B4
#C890B7
#C88CBB
#CFA59B
#CFA19F
#CF9DA3
#CF99A7
#CF95AB
#CF91AF
#CF8CB4
#D8AB8C
#D8A691
#D8A196
#D89C9B
#D897A0
#D892A5
#D88CAB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
