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 #D2C1D2 to #D2D2C1 and to #C1D2D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C4CF
#D2C4CF
#D1C4D0
#D1C4D0
#D0C4D1
#D0C4D1
#CFC4D2
#D2C6CD
#D1C6CE
#D0C6CF
#D0C6CF
#CFC6D0
#CEC6D1
#CDC6D2
#D2C9CA
#D1C9CB
#CFC9CD
#CEC9CE
#CDC9CF
#CCC9D0
#CAC9D2
#D2CCC7
#D0CCC9
#CECCCB
#CDCCCC
#CBCCCE
#C9CCD0
#C7CCD2
#D2CFC4
#D0CFC6
#CECFC8
#CBCFCB
#C9CFCD
#C7CFCF
#C4CFD2
#D2D2C1
#CFD2C4
#CDD2C6
#CAD2C9
#C7D2CC
#C4D2CF
#C1D2D2
Colorpallet from #D2C1D2 to #D2D2C1 and to #3ED2D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C4CF
#CEC4CF
#CAC4D0
#C6C4D0
#C3C4D1
#BFC4D1
#BAC4D2
#D2C6CD
#CAC6CE
#C3C6CF
#BBC6CF
#B4C6D0
#ACC6D1
#A3C6D2
#D2C9CA
#C7C9CB
#BBC9CD
#B0C9CE
#A5C9CF
#99C9D0
#8BC9D2
#D2CCC7
#C3CCC9
#B4CCCB
#A4CCCC
#95CCCE
#86CCD0
#73CCD2
#D2CFC4
#BFCFC6
#ACCFC8
#99CFCB
#86CFCD
#74CFCF
#5CCFD2
#D2D2C1
#BAD2C4
#A3D2C6
#8BD2C9
#73D2CC
#5CD2CF
#3ED2D2
Colorpallet from #D2C1D2 to #D2D2C1 and to #2DD2C1
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C4CF
#CEC4CF
#CAC4CF
#C6C4CF
#C1C4CF
#BDC4CF
#B8C4CF
#D2C6CD
#CAC6CD
#C1C6CD
#B9C6CD
#B0C6CD
#A8C6CD
#9DC6CD
#D2C9CA
#C5C9CA
#B9C9CA
#ACC9CA
#9FC9CA
#93C9CA
#83C9CA
#D2CCC7
#C1CCC7
#B0CCC7
#9FCCC7
#8ECCC7
#7DCCC7
#68CCC7
#D2CFC4
#BDCFC4
#A8CFC4
#93CFC4
#7ECFC4
#68CFC4
#4ECFC4
#D2D2C1
#B8D2C1
#9DD2C1
#83D2C1
#68D2C1
#4ED2C1
#2DD2C1
Colorpallet from #D2C1D2 to #D2D2C1 and to #D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C4CF
#D2C4CF
#D2C3D0
#D2C3D0
#D2C2D1
#D2C2D1
#D2C1D2
#D2C6CD
#D2C5CE
#D2C4CF
#D2C4CF
#D2C3D0
#D2C2D1
#D2C1D2
#D2C9CA
#D2C8CB
#D2C6CD
#D2C5CE
#D2C4CF
#D2C3D0
#D2C1D2
#D2CCC7
#D2CAC9
#D2C8CB
#D2C7CC
#D2C5CE
#D2C3D0
#D2C1D2
#D2CFC4
#D2CDC6
#D2CBC8
#D2C8CB
#D2C6CD
#D2C4CF
#D2C1D2
#D2D2C1
#D2CFC4
#D2CDC6
#D2CAC9
#D2C7CC
#D2C4CF
#D2C1D2
Colorpallet from #D2C1D2 to #C1D2D2 and to #3ED2D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#CFC4D2
#CCC4D2
#C8C4D2
#C5C4D2
#C2C4D2
#BEC4D2
#BAC4D2
#CDC6D2
#C6C6D2
#C0C6D2
#B9C6D2
#B2C6D2
#ABC6D2
#A3C6D2
#CAC9D2
#C0C9D2
#B6C9D2
#ACC9D2
#A2C9D2
#98C9D2
#8BC9D2
#C7CCD2
#BACCD2
#ACCCD2
#9FCCD2
#91CCD2
#84CCD2
#73CCD2
#C4CFD2
#B3CFD2
#A3CFD2
#92CFD2
#81CFD2
#71CFD2
#5CCFD2
#C1D2D2
#ACD2D2
#97D2D2
#82D2D2
#6DD2D2
#58D2D2
#3ED2D2
Colorpallet from #D2C1D2 to #C1D2D2 and to #2DD2C1
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#CFC4D2
#CBC4D2
#C8C4D1
#C4C4D1
#C0C4D0
#BDC4D0
#B8C4CF
#CDC6D2
#C5C6D1
#BEC6D0
#B6C6D0
#AEC6CF
#A7C6CE
#9DC6CD
#CAC9D2
#BFC9D1
#B3C9CF
#A8C9CE
#9DC9CD
#91C9CC
#83C9CA
#C7CCD2
#B8CCD0
#A9CCCE
#99CCCD
#8ACCCB
#7BCCC9
#68CCC7
#C4CFD2
#B1CFD0
#9ECFCE
#8BCFCB
#78CFC9
#66CFC7
#4ECFC4
#C1D2D2
#A9D2CF
#92D2CD
#7AD2CA
#62D2C7
#4BD2C4
#2DD2C1
Colorpallet from #D2C1D2 to #C1D2D2 and to #D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#CFC4D2
#CFC4D2
#D0C3D2
#D0C3D2
#D1C2D2
#D1C2D2
#D2C1D2
#CDC6D2
#CEC5D2
#CFC4D2
#CFC4D2
#D0C3D2
#D1C2D2
#D2C1D2
#CAC9D2
#CBC8D2
#CDC6D2
#CEC5D2
#CFC4D2
#D0C3D2
#D2C1D2
#C7CCD2
#C9CAD2
#CBC8D2
#CCC7D2
#CEC5D2
#D0C3D2
#D2C1D2
#C4CFD2
#C6CDD2
#C8CBD2
#CBC8D2
#CDC6D2
#CFC4D2
#D2C1D2
#C1D2D2
#C4CFD2
#C6CDD2
#C9CAD2
#CCC7D2
#CFC4D2
#D2C1D2
Colorpallet from #D2C1D2 to #3ED2D2 and to #2DD2C1
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#BAC4D2
#BAC4D2
#B9C4D1
#B9C4D1
#B9C4D0
#B8C4D0
#B8C4CF
#A3C6D2
#A2C6D1
#A1C6D0
#A0C6D0
#9FC6CF
#9EC6CE
#9DC6CD
#8BC9D2
#8AC9D1
#88C9CF
#87C9CE
#86C9CD
#85C9CC
#83C9CA
#73CCD2
#71CCD0
#6FCCCE
#6ECCCD
#6CCCCB
#6ACCC9
#68CCC7
#5CCFD2
#5ACFD0
#58CFCE
#55CFCB
#53CFC9
#51CFC7
#4ECFC4
#3ED2D2
#3BD2CF
#39D2CD
#36D2CA
#33D2C7
#30D2C4
#2DD2C1
Colorpallet from #D2C1D2 to #3ED2D2 and to #D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#BAC4D2
#BEC4D2
#C2C3D2
#C6C3D2
#C9C2D2
#CDC2D2
#D2C1D2
#A3C6D2
#ABC5D2
#B2C4D2
#BAC4D2
#C1C3D2
#C9C2D2
#D2C1D2
#8BC9D2
#96C8D2
#A2C6D2
#ADC5D2
#B8C4D2
#C4C3D2
#D2C1D2
#73CCD2
#82CAD2
#91C8D2
#A1C7D2
#B0C5D2
#BFC3D2
#D2C1D2
#5CCFD2
#6FCDD2
#82CBD2
#95C8D2
#A8C6D2
#BAC4D2
#D2C1D2
#3ED2D2
#56CFD2
#6DCDD2
#85CAD2
#9DC7D2
#B4C4D2
#D2C1D2
Colorpallet from #D2C1D2 to #2DD2C1 and to #D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#D2C1D2
#B8C4CF
#BCC4CF
#C0C3D0
#C4C3D0
#C9C2D1
#CDC2D1
#D2C1D2
#9DC6CD
#A5C5CE
#AEC4CF
#B6C4CF
#BFC3D0
#C7C2D1
#D2C1D2
#83C9CA
#90C8CB
#9CC6CD
#A9C5CE
#B6C4CF
#C2C3D0
#D2C1D2
#68CCC7
#79CAC9
#8AC8CB
#9BC7CC
#ACC5CE
#BDC3D0
#D2C1D2
#4ECFC4
#63CDC6
#78CBC8
#8DC8CB
#A2C6CD
#B8C4CF
#D2C1D2
#2DD2C1
#47CFC4
#62CDC6
#7CCAC9
#97C7CC
#B1C4CF
#D2C1D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts