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 #2F506C to #2F6C50 and to #502F6C
#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C
#2F5468#305369#315169#31506A#324E6B#334D6B#344B6C
#2F5963#315664#335366#344F67#364C69#38496A#3A456C
#2F5D5F#325861#345463#374F65#394A67#3C4669#3F406C
#2F625A#325C5D#365660#394F63#3C4966#404368#443B6C
#2F6656#335E5A#37575D#3B4F61#404764#444068#49366C
#2F6C50#346254#3A5859#3F4F5D#444562#493B66#502F6C
Colorpallet from #2F506C to #2F6C50 and to #506C2F
#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C
#2F5468#305467#315466#315465#325464#335463#345462
#2F5963#315961#33595F#34595E#36595C#38595A#3A5958
#2F5D5F#325D5C#345D5A#375D57#395D55#3C5D52#3F5D4F
#2F625A#326257#366253#396250#3C624D#406249#446245
#2F6656#336652#37664D#3B6649#406645#446640#49663B
#2F6C50#346C4B#3A6C45#3F6C40#446C3B#496C36#506C2F
Colorpallet from #2F506C to #2F6C50 and to #6C2F50
#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C
#2F5468#315368#325168#345068#354E68#374D68#394B68
#2F5963#325663#355363#394F63#3C4C63#3F4963#434563
#2F5D5F#34585F#38545F#3D4F5F#424A5F#46465F#4C405F
#2F625A#355C5A#3B565A#424F5A#48495A#4E435A#563B5A
#2F6656#375E56#3F5756#474F56#4E4756#564056#603656
#2F6C50#396250#435850#4C4F50#564550#603B50#6C2F50
Colorpallet from #2F506C to #2F6C50 and to #6C502F
#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C
#2F5468#315367#325366#345265#355164#375163#395062
#2F5963#325861#35565F#39555E#3C535C#3F525A#435058
#2F5D5F#345B5C#38595A#3D5757#425555#465352#4C504F
#2F625A#355F57#3B5C53#425950#48564D#4E5449#565045
#2F6656#376252#3F5F4D#475B49#4E5845#565440#60503B
#2F6C50#39684B#436345#4C5F40#565A3B#605636#6C502F
Colorpallet from #2F506C to #502F6C and to #506C2F
#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C
#344B6C#344C6A#344E69#344F67#345166#345264#345462
#3A456C#3A4869#3A4B66#3A4F62#3A525F#3A555C#3A5958
#3F406C#3F4567#3F4963#3F4E5E#3F5359#3F5755#3F5D4F
#443B6C#444166#444760#444E59#445453#445A4D#446245
#49366C#493E64#49455C#494D54#49554D#495C45#49663B
#502F6C#503962#504358#504C4F#505645#50603B#506C2F
Colorpallet from #2F506C to #502F6C and to #6C2F50
#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C
#344B6C#354B6B#364B6B#364B6A#374B69#384B69#394B68
#3A456C#3B456B#3D4569#3E4568#404566#414565#434563
#3F406C#41406A#434068#454066#474064#494062#4C405F
#443B6C#473B69#4A3B66#4D3B63#503B60#523B5E#563B5A
#49366C#4D3668#503665#543661#58365E#5B365A#603656
#502F6C#542F68#592F63#5D2F5F#622F5A#662F56#6C2F50
Colorpallet from #2F506C to #502F6C and to #6C502F
#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C
#344B6C#354C6A#364D69#364D67#374E66#384F64#395062
#3A456C#3B4769#3D4966#3E4A62#404C5F#414E5C#435058
#3F406C#414367#434563#45485E#474A59#494D55#4C504F
#443B6C#473E66#4A4260#4D4559#504853#524C4D#565045
#49366C#4D3A64#503E5C#544254#58474D#5B4B45#60503B
#502F6C#543462#593A58#5D3F4F#624445#66493B#6C502F
Colorpallet from #2F506C to #506C2F and to #6C2F50
#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C
#345462#355363#365164#365065#374E66#384D67#394B68
#3A5958#3B565A#3D535C#3E4F5D#404C5F#414961#434563
#3F5D4F#415852#435454#454F57#474A59#49465C#4C405F
#446245#475C48#4A564C#4D4F4F#504952#524356#563B5A
#49663B#4D5E3F#505744#544F48#58474C#5B4051#603656
#506C2F#546234#59583A#5D4F3F#624544#663B49#6C2F50
Colorpallet from #2F506C to #506C2F and to #6C502F
#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C
#345462#355362#365362#365262#375162#385162#395062
#3A5958#3B5858#3D5658#3E5558#405358#415258#435058
#3F5D4F#415B4F#43594F#45574F#47554F#49534F#4C504F
#446245#475F45#4A5C45#4D5945#505645#525445#565045
#49663B#4D623B#505F3B#545B3B#58583B#5B543B#60503B
#506C2F#54682F#59632F#5D5F2F#625A2F#66562F#6C502F
Colorpallet from #2F506C to #6C2F50 and to #6C502F
#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C#2F506C
#394B68#394C67#394D66#394D65#394E64#394F63#395062
#434563#434761#43495F#434A5E#434C5C#434E5A#435058
#4C405F#4C435C#4C455A#4C4857#4C4A55#4C4D52#4C504F
#563B5A#563E57#564253#564550#56484D#564C49#565045
#603656#603A52#603E4D#604249#604745#604B40#60503B
#6C2F50#6C344B#6C3A45#6C3F40#6C443B#6C4936#6C502F
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
create a timechart
create a piechart
create a barchart
create a ganttchart