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 #A1DBA3 to #A1A3DB and to #DBA1A3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1D2AC
#A2D2AB
#A4D2A9
#A5D2A8
#A7D2A6
#A8D2A5
#AAD2A3
#A1C9B5
#A4C9B2
#A7C9AF
#AAC9AC
#ADC8A9
#B0C8A7
#B4C8A3
#A1C0BE
#A5C0BA
#AAC0B5
#AEC0B1
#B3BFAD
#B7BFA8
#BDBFA3
#A1B7C7
#A7B7C1
#ADB7BB
#B3B7B6
#B9B6B0
#BFB6AA
#C6B6A3
#A1AED0
#A8AEC9
#B0AEC2
#B7AEBA
#BEADB3
#C6ADAC
#CFADA3
#A1A3DB
#AAA3D2
#B4A2C9
#BDA2C0
#C6A2B7
#CFA1AE
#DBA1A3
Colorpallet from #A1DBA3 to #A1A3DB and to #DBA3A1
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1D2AC
#A2D2AB
#A4D2A9
#A5D2A8
#A7D2A6
#A8D2A5
#AAD2A3
#A1C9B5
#A4C9B2
#A7C9AF
#AAC9AC
#ADC9A9
#B0C9A6
#B4C9A2
#A1C0BE
#A5C0BA
#AAC0B5
#AEC0B1
#B3C0AC
#B7C0A8
#BDC0A2
#A1B7C7
#A7B7C1
#ADB7BB
#B3B7B5
#B9B7AF
#BFB7A9
#C6B7A2
#A1AED0
#A8AEC8
#B0AEC1
#B7AEB9
#BEAEB2
#C6AEAA
#CFAEA1
#A1A3DB
#AAA3D2
#B4A3C8
#BDA3BF
#C6A3B6
#CFA3AD
#DBA3A1
Colorpallet from #A1DBA3 to #A1A3DB and to #A3A1DB
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1D2AC
#A1D2AC
#A1D2AC
#A1D2AC
#A1D2AC
#A1D2AC
#A1D2AC
#A1C9B5
#A1C9B5
#A1C9B5
#A1C9B5
#A2C8B5
#A2C8B5
#A2C8B5
#A1C0BE
#A1C0BE
#A1C0BE
#A1C0BE
#A2BFBE
#A2BFBE
#A2BFBE
#A1B7C7
#A1B7C7
#A1B7C7
#A1B7C7
#A2B6C7
#A2B6C7
#A2B6C7
#A1AED0
#A1AED0
#A2AED0
#A2AED0
#A2ADD0
#A3ADD0
#A3ADD0
#A1A3DB
#A1A3DB
#A2A2DB
#A2A2DB
#A2A2DB
#A3A1DB
#A3A1DB
Colorpallet from #A1DBA3 to #A1A3DB and to #A3DBA1
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1D2AC
#A1D3AB
#A1D5A9
#A1D6A8
#A1D8A6
#A1D9A5
#A1DBA3
#A1C9B5
#A1CCB2
#A1CFAF
#A1D2AC
#A2D5A9
#A2D7A6
#A2DBA2
#A1C0BE
#A1C4BA
#A1C9B5
#A1CDB1
#A2D1AC
#A2D6A8
#A2DBA2
#A1B7C7
#A1BDC1
#A1C3BB
#A1C8B5
#A2CEAF
#A2D4A9
#A2DBA2
#A1AED0
#A1B5C8
#A2BCC1
#A2C4B9
#A2CBB2
#A3D2AA
#A3DBA1
#A1A3DB
#A1ACD2
#A2B5C8
#A2BEBF
#A2C7B6
#A3D0AD
#A3DBA1
Colorpallet from #A1DBA3 to #DBA1A3 and to #DBA3A1
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#AAD2A3
#AAD2A3
#AAD2A3
#AAD2A3
#AAD2A3
#AAD2A3
#AAD2A3
#B4C8A3
#B4C8A3
#B4C8A3
#B4C8A3
#B4C9A2
#B4C9A2
#B4C9A2
#BDBFA3
#BDBFA3
#BDBFA3
#BDBFA3
#BDC0A2
#BDC0A2
#BDC0A2
#C6B6A3
#C6B6A3
#C6B6A3
#C6B6A3
#C6B7A2
#C6B7A2
#C6B7A2
#CFADA3
#CFADA3
#CFADA2
#CFADA2
#CFAEA2
#CFAEA1
#CFAEA1
#DBA1A3
#DBA1A3
#DBA2A2
#DBA2A2
#DBA2A2
#DBA3A1
#DBA3A1
Colorpallet from #A1DBA3 to #DBA1A3 and to #A3A1DB
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#AAD2A3
#A9D2A4
#A7D2A6
#A6D2A7
#A4D2A9
#A3D2AA
#A1D2AC
#B4C8A3
#B1C8A6
#AEC8A9
#ABC8AC
#A8C8AF
#A6C8B1
#A2C8B5
#BDBFA3
#B9BFA7
#B4BFAC
#B0BFB0
#ACBFB4
#A7BFB9
#A2BFBE
#C6B6A3
#C0B6A9
#BAB6AF
#B5B6B4
#AFB6BA
#A9B6C0
#A2B6C7
#CFADA3
#C8ADAA
#C1ADB1
#BAADB9
#B3ADC0
#ACADC7
#A3ADD0
#DBA1A3
#D2A1AC
#C9A1B5
#C0A1BE
#B7A1C7
#AEA1D0
#A3A1DB
Colorpallet from #A1DBA3 to #DBA1A3 and to #A3DBA1
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#AAD2A3
#A9D3A3
#A7D5A3
#A6D6A3
#A4D8A3
#A3D9A3
#A1DBA3
#B4C8A3
#B1CBA3
#AECEA3
#ABD1A3
#A8D4A2
#A6D7A2
#A2DBA2
#BDBFA3
#B9C3A3
#B4C8A3
#B0CCA3
#ACD1A2
#A7D5A2
#A2DBA2
#C6B6A3
#C0BCA3
#BAC2A3
#B5C8A3
#AFCEA2
#A9D4A2
#A2DBA2
#CFADA3
#C8B4A3
#C1BCA2
#BAC3A2
#B3CAA2
#ACD2A1
#A3DBA1
#DBA1A3
#D2AAA3
#C9B4A2
#C0BDA2
#B7C6A2
#AECFA1
#A3DBA1
Colorpallet from #A1DBA3 to #DBA3A1 and to #A3A1DB
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#AAD2A3
#A9D2A4
#A7D2A6
#A6D2A7
#A4D2A9
#A3D2AA
#A1D2AC
#B4C9A2
#B1C9A5
#AEC9A8
#ABC9AB
#A8C8AE
#A6C8B1
#A2C8B5
#BDC0A2
#B9C0A6
#B4C0AB
#B0C0AF
#ACBFB4
#A7BFB8
#A2BFBE
#C6B7A2
#C0B7A8
#BAB7AE
#B5B7B4
#AFB6BA
#A9B6C0
#A2B6C7
#CFAEA1
#C8AEA9
#C1AEB0
#BAAEB8
#B3ADBF
#ACADC7
#A3ADD0
#DBA3A1
#D2A3AA
#C9A2B4
#C0A2BD
#B7A2C6
#AEA1CF
#A3A1DB
Colorpallet from #A1DBA3 to #DBA3A1 and to #A3DBA1
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#AAD2A3
#A9D3A3
#A7D5A3
#A6D6A3
#A4D8A3
#A3D9A3
#A1DBA3
#B4C9A2
#B1CCA2
#AECFA2
#ABD2A2
#A8D5A2
#A6D7A2
#A2DBA2
#BDC0A2
#B9C4A2
#B4C9A2
#B0CDA2
#ACD1A2
#A7D6A2
#A2DBA2
#C6B7A2
#C0BDA2
#BAC3A2
#B5C8A2
#AFCEA2
#A9D4A2
#A2DBA2
#CFAEA1
#C8B5A1
#C1BCA1
#BAC4A1
#B3CBA1
#ACD2A1
#A3DBA1
#DBA3A1
#D2ACA1
#C9B5A1
#C0BEA1
#B7C7A1
#AED0A1
#A3DBA1
Colorpallet from #A1DBA3 to #A3A1DB and to #A3DBA1
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1DBA3
#A1D2AC
#A1D3AB
#A1D5A9
#A1D6A8
#A1D8A6
#A1D9A5
#A1DBA3
#A2C8B5
#A2CBB2
#A2CEAF
#A2D1AC
#A2D4A9
#A2D7A6
#A2DBA2
#A2BFBE
#A2C3BA
#A2C8B5
#A2CCB1
#A2D1AC
#A2D5A8
#A2DBA2
#A2B6C7
#A2BCC1
#A2C2BB
#A2C8B5
#A2CEAF
#A2D4A9
#A2DBA2
#A3ADD0
#A3B4C8
#A3BCC1
#A3C3B9
#A3CAB2
#A3D2AA
#A3DBA1
#A3A1DB
#A3AAD2
#A3B4C8
#A3BDBF
#A3C6B6
#A3CFAD
#A3DBA1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
