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 #D1A3D5 to #D1D5A3 and to #A3D1D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1ABCD
#D0ABCE
#CFABD0
#CEABD1
#CDAAD2
#CBAAD3
#CAAAD5
#D1B3C5
#CFB3C8
#CCB3CA
#CAB3CD
#C7B2CF
#C5B2D2
#C2B2D5
#D1BBBD
#CDBBC1
#CABAC5
#C6BAC9
#C3BACC
#BFB9D0
#BBB9D5
#D1C3B5
#CCC3BA
#C8C2BF
#C3C2C4
#BEC1C9
#BAC1CF
#B4C0D5
#D1CBAD
#CBCBB3
#C5CABA
#BFCAC0
#B9C9C7
#B3C9CD
#ACC8D5
#D1D5A3
#CAD4AB
#C2D4B3
#BBD3BB
#B4D2C3
#ACD2CB
#A3D1D5
Colorpallet from #D1A3D5 to #D1D5A3 and to #A3D5D1
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1ABCD
#D0ABCE
#CFABCF
#CEABD0
#CDABD1
#CBABD3
#CAABD4
#D1B3C5
#CFB3C7
#CCB3CA
#CAB3CC
#C7B3CF
#C5B3D1
#C2B3D4
#D1BBBD
#CDBBC1
#CABBC4
#C6BBC8
#C3BBCB
#BFBBCF
#BBBBD3
#D1C3B5
#CCC3BA
#C8C3BE
#C3C3C3
#BEC3C8
#BAC3CC
#B4C3D2
#D1CBAD
#CBCBB3
#C5CBB9
#BFCBBF
#B9CBC5
#B3CBCB
#ACCBD2
#D1D5A3
#CAD5AA
#C2D5B2
#BBD5B9
#B4D5C0
#ACD5C8
#A3D5D1
Colorpallet from #D1A3D5 to #D1D5A3 and to #D5D1A3
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1ABCD
#D1ABCD
#D1ABCD
#D1ABCD
#D2AACD
#D2AACD
#D2AACD
#D1B3C5
#D1B3C5
#D1B3C5
#D1B3C5
#D2B2C5
#D2B2C5
#D2B2C5
#D1BBBD
#D1BBBD
#D2BABD
#D2BABD
#D2BABD
#D3B9BD
#D3B9BD
#D1C3B5
#D1C3B5
#D2C2B5
#D2C2B5
#D3C1B5
#D3C1B5
#D4C0B5
#D1CBAD
#D1CBAD
#D2CAAD
#D2CAAD
#D3C9AD
#D3C9AD
#D4C8AD
#D1D5A3
#D2D4A3
#D2D4A3
#D3D3A3
#D4D2A3
#D4D2A3
#D5D1A3
Colorpallet from #D1A3D5 to #D1D5A3 and to #D5A3D1
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1ABCD
#D1AACE
#D1A8CF
#D1A7D0
#D2A6D1
#D2A5D3
#D2A3D4
#D1B3C5
#D1B0C7
#D1AECA
#D1ABCC
#D2A9CF
#D2A6D1
#D2A3D4
#D1BBBD
#D1B7C1
#D2B3C4
#D2AFC8
#D2ACCB
#D3A8CF
#D3A3D3
#D1C3B5
#D1BEBA
#D2B9BE
#D2B4C3
#D3AFC8
#D3A9CC
#D4A3D2
#D1CBAD
#D1C5B3
#D2BEB9
#D2B8BF
#D3B1C5
#D3ABCB
#D4A3D2
#D1D5A3
#D2CDAA
#D2C5B2
#D3BDB9
#D4B5C0
#D4ADC8
#D5A3D1
Colorpallet from #D1A3D5 to #A3D1D5 and to #A3D5D1
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#CAAAD5
#CAAAD5
#CAAAD5
#CAAAD5
#CAABD4
#CAABD4
#CAABD4
#C2B2D5
#C2B2D5
#C2B2D5
#C2B2D5
#C2B3D4
#C2B3D4
#C2B3D4
#BBB9D5
#BBB9D5
#BBBAD4
#BBBAD4
#BBBAD4
#BBBBD3
#BBBBD3
#B4C0D5
#B4C0D5
#B4C1D4
#B4C1D4
#B4C2D3
#B4C2D3
#B4C3D2
#ACC8D5
#ACC8D5
#ACC9D4
#ACC9D4
#ACCAD3
#ACCAD3
#ACCBD2
#A3D1D5
#A3D2D4
#A3D2D4
#A3D3D3
#A3D4D2
#A3D4D2
#A3D5D1
Colorpallet from #D1A3D5 to #A3D1D5 and to #D5D1A3
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#CAAAD5
#CBAAD4
#CDAAD2
#CEAAD1
#CFAAD0
#D0AACF
#D2AACD
#C2B2D5
#C5B2D2
#C7B2D0
#CAB2CD
#CCB2CB
#CFB2C8
#D2B2C5
#BBB9D5
#BFB9D1
#C3B9CD
#C7B9C9
#CAB9C6
#CEB9C2
#D3B9BD
#B4C0D5
#B9C0D0
#BEC0CB
#C3C0C6
#C8C0C1
#CEC0BB
#D4C0B5
#ACC8D5
#B2C8CF
#B9C8C8
#BFC8C2
#C6C8BB
#CCC8B5
#D4C8AD
#A3D1D5
#ABD1CD
#B3D1C5
#BBD1BD
#C3D1B5
#CBD1AD
#D5D1A3
Colorpallet from #D1A3D5 to #A3D1D5 and to #D5A3D1
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#CAAAD5
#CBA9D5
#CDA8D5
#CEA7D5
#CFA6D4
#D0A4D4
#D2A3D4
#C2B2D5
#C5B0D5
#C7ADD5
#CAABD5
#CCA8D4
#CFA6D4
#D2A3D4
#BBB9D5
#BFB5D5
#C3B2D4
#C7AED4
#CAABD4
#CEA7D3
#D3A3D3
#B4C0D5
#B9BBD5
#BEB7D4
#C3B2D4
#C8ADD3
#CEA9D3
#D4A3D2
#ACC8D5
#B2C2D5
#B9BCD4
#BFB6D4
#C6B0D3
#CCAAD3
#D4A3D2
#A3D1D5
#ABCAD4
#B3C2D4
#BBBBD3
#C3B4D2
#CBACD2
#D5A3D1
Colorpallet from #D1A3D5 to #A3D5D1 and to #D5D1A3
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#CAABD4
#CBABD3
#CDABD2
#CEABD1
#CFAAD0
#D0AACE
#D2AACD
#C2B3D4
#C5B3D2
#C7B3CF
#CAB3CD
#CCB2CA
#CFB2C8
#D2B2C5
#BBBBD3
#BFBBCF
#C3BACC
#C7BAC8
#CABAC5
#CEB9C1
#D3B9BD
#B4C3D2
#B9C3CD
#BEC2C9
#C3C2C4
#C8C1BF
#CEC1BB
#D4C0B5
#ACCBD2
#B2CBCC
#B9CAC6
#BFCAC0
#C6C9BA
#CCC9B4
#D4C8AD
#A3D5D1
#ABD4CA
#B3D4C2
#BBD3BB
#C3D2B4
#CBD2AC
#D5D1A3
Colorpallet from #D1A3D5 to #A3D5D1 and to #D5A3D1
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#CAABD4
#CBAAD4
#CDA8D4
#CEA7D4
#CFA6D4
#D0A5D4
#D2A3D4
#C2B3D4
#C5B0D4
#C7AED4
#CAABD4
#CCA9D4
#CFA6D4
#D2A3D4
#BBBBD3
#BFB7D3
#C3B3D3
#C7AFD3
#CAACD3
#CEA8D3
#D3A3D3
#B4C3D2
#B9BED2
#BEB9D2
#C3B4D2
#C8AFD2
#CEA9D2
#D4A3D2
#ACCBD2
#B2C5D2
#B9BED2
#BFB8D2
#C6B1D2
#CCABD2
#D4A3D2
#A3D5D1
#ABCDD1
#B3C5D1
#BBBDD1
#C3B5D1
#CBADD1
#D5A3D1
Colorpallet from #D1A3D5 to #D5D1A3 and to #D5A3D1
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D1A3D5
#D2AACD
#D2A9CE
#D2A8CF
#D2A7D0
#D2A6D1
#D2A4D3
#D2A3D4
#D2B2C5
#D2B0C7
#D2ADCA
#D2ABCC
#D2A8CF
#D2A6D1
#D2A3D4
#D3B9BD
#D3B5C1
#D3B2C4
#D3AEC8
#D3ABCB
#D3A7CF
#D3A3D3
#D4C0B5
#D4BBBA
#D4B7BE
#D4B2C3
#D4ADC8
#D4A9CC
#D4A3D2
#D4C8AD
#D4C2B3
#D4BCB9
#D4B6BF
#D4B0C5
#D4AACB
#D4A3D2
#D5D1A3
#D5CAAA
#D5C2B2
#D5BBB9
#D5B4C0
#D5ACC8
#D5A3D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
