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 #D398D6 to #D3D698 and to #98D3D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D3A2CC
#D2A2CE
#D0A2CF
#CFA2D1
#CDA1D2
#CCA1D4
#CAA1D6
#D3ACC2
#D0ACC5
#CDACC8
#CAACCC
#C7ABCF
#C4ABD2
#C0ABD6
#D3B6B8
#CFB6BD
#CAB5C2
#C6B5C6
#C1B5CB
#BDB4D0
#B7B4D6
#D3C0AE
#CDC0B4
#C7BFBB
#C1BFC1
#BBBFC8
#B5BECE
#ADBED6
#D3CAA4
#CBCAAC
#C4C9B4
#BCC9BC
#B5C8C4
#ADC8CC
#A4C7D6
#D3D698
#CAD6A2
#C0D5AC
#B7D5B6
#ADD4C0
#A4D4CA
#98D3D6
Colorpallet from #D398D6 to #D3D698 and to #98D6D3
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D3A2CC
#D2A2CE
#D0A2CF
#CFA2D1
#CDA2D2
#CCA2D4
#CAA2D6
#D3ACC2
#D0ACC5
#CDACC8
#CAACCB
#C7ACCE
#C4ACD1
#C0ACD5
#D3B6B8
#CFB6BD
#CAB6C1
#C6B6C6
#C1B6CB
#BDB6CF
#B7B6D5
#D3C0AE
#CDC0B4
#C7C0BA
#C1C0C0
#BBC0C6
#B5C0CC
#ADC0D4
#D3CAA4
#CBCAAC
#C4CAB3
#BCCABB
#B5CAC3
#ADCACA
#A4CAD4
#D3D698
#CAD6A1
#C0D6AB
#B7D6B4
#ADD6BE
#A4D6C7
#98D6D3
Colorpallet from #D398D6 to #D3D698 and to #D6D398
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D3A2CC
#D3A2CC
#D3A2CC
#D3A2CC
#D3A1CC
#D3A1CC
#D3A1CC
#D3ACC2
#D3ACC2
#D3ACC2
#D3ACC2
#D4ABC2
#D4ABC2
#D4ABC2
#D3B6B8
#D3B6B8
#D3B5B8
#D3B5B8
#D4B5B8
#D4B4B8
#D4B4B8
#D3C0AE
#D3C0AE
#D4BFAE
#D4BFAE
#D4BFAE
#D5BEAE
#D5BEAE
#D3CAA4
#D3CAA4
#D4C9A4
#D4C9A4
#D4C8A4
#D5C8A4
#D5C7A4
#D3D698
#D3D698
#D4D598
#D4D598
#D5D498
#D5D498
#D6D398
Colorpallet from #D398D6 to #D3D698 and to #D698D3
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D3A2CC
#D3A0CE
#D39FCF
#D39DD1
#D39CD2
#D39AD4
#D398D6
#D3ACC2
#D3A9C5
#D3A6C8
#D3A2CB
#D49FCE
#D49CD1
#D498D5
#D3B6B8
#D3B1BD
#D3ACC1
#D3A8C6
#D4A3CB
#D49ECF
#D498D5
#D3C0AE
#D3BAB4
#D4B3BA
#D4ADC0
#D4A6C6
#D5A0CC
#D598D4
#D3CAA4
#D3C2AC
#D4BAB3
#D4B2BB
#D4AAC3
#D5A2CA
#D598D4
#D3D698
#D3CCA1
#D4C2AB
#D4B8B4
#D5AEBE
#D5A4C7
#D698D3
Colorpallet from #D398D6 to #98D3D6 and to #98D6D3
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#CAA1D6
#CAA1D6
#CAA1D6
#CAA1D6
#CAA2D6
#CAA2D6
#CAA2D6
#C0ABD6
#C0ABD6
#C0ABD6
#C0ABD6
#C0ACD5
#C0ACD5
#C0ACD5
#B7B4D6
#B7B4D6
#B7B5D6
#B7B5D6
#B7B5D5
#B7B6D5
#B7B6D5
#ADBED6
#ADBED6
#ADBFD5
#ADBFD5
#ADBFD5
#ADC0D4
#ADC0D4
#A4C7D6
#A4C7D6
#A4C8D5
#A4C8D5
#A4C9D5
#A4C9D4
#A4CAD4
#98D3D6
#98D3D6
#98D4D5
#98D4D5
#98D5D4
#98D5D4
#98D6D3
Colorpallet from #D398D6 to #98D3D6 and to #D6D398
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#CAA1D6
#CBA1D4
#CDA1D3
#CEA1D1
#D0A1D0
#D1A1CE
#D3A1CC
#C0ABD6
#C3ABD3
#C6ABD0
#CAABCC
#CDABC9
#D0ABC6
#D4ABC2
#B7B4D6
#BCB4D1
#C0B4CC
#C5B4C8
#CAB4C3
#CEB4BE
#D4B4B8
#ADBED6
#B3BED0
#BABEC9
#C0BEC3
#C7BEBC
#CDBEB6
#D5BEAE
#A4C7D6
#ACC7CE
#B4C7C6
#BCC7BE
#C3C7B6
#CBC7AE
#D5C7A4
#98D3D6
#A2D3CC
#ACD3C2
#B6D3B8
#C0D3AE
#CAD3A4
#D6D398
Colorpallet from #D398D6 to #98D3D6 and to #D698D3
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#CAA1D6
#CBA0D6
#CD9ED6
#CE9DD6
#D09BD6
#D19AD6
#D398D6
#C0ABD6
#C3A8D6
#C6A5D6
#CAA2D6
#CD9FD5
#D09CD5
#D498D5
#B7B4D6
#BCB0D6
#C0ABD6
#C5A7D6
#CAA2D5
#CE9ED5
#D498D5
#ADBED6
#B3B8D6
#BAB2D5
#C0ACD5
#C7A6D5
#CDA0D4
#D598D4
#A4C7D6
#ACBFD6
#B4B8D5
#BCB0D5
#C3A9D5
#CBA1D4
#D598D4
#98D3D6
#A2CAD6
#ACC0D5
#B6B7D5
#C0ADD4
#CAA4D4
#D698D3
Colorpallet from #D398D6 to #98D6D3 and to #D6D398
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#CAA2D6
#CBA2D4
#CDA2D3
#CEA2D1
#D0A1D0
#D1A1CE
#D3A1CC
#C0ACD5
#C3ACD2
#C6ACCF
#CAACCC
#CDABC9
#D0ABC6
#D4ABC2
#B7B6D5
#BCB6D0
#C0B5CC
#C5B5C7
#CAB5C2
#CEB4BE
#D4B4B8
#ADC0D4
#B3C0CE
#BABFC8
#C0BFC2
#C7BFBC
#CDBEB6
#D5BEAE
#A4CAD4
#ACCACC
#B4C9C5
#BCC9BD
#C3C8B5
#CBC8AE
#D5C7A4
#98D6D3
#A2D6CA
#ACD5C0
#B6D5B7
#C0D4AD
#CAD4A4
#D6D398
Colorpallet from #D398D6 to #98D6D3 and to #D698D3
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#CAA2D6
#CBA0D6
#CD9FD6
#CE9DD6
#D09CD6
#D19AD6
#D398D6
#C0ACD5
#C3A9D5
#C6A6D5
#CAA2D5
#CD9FD5
#D09CD5
#D498D5
#B7B6D5
#BCB1D5
#C0ACD5
#C5A8D5
#CAA3D5
#CE9ED5
#D498D5
#ADC0D4
#B3BAD4
#BAB3D4
#C0ADD4
#C7A6D4
#CDA0D4
#D598D4
#A4CAD4
#ACC2D4
#B4BAD4
#BCB2D4
#C3AAD4
#CBA2D4
#D598D4
#98D6D3
#A2CCD3
#ACC2D3
#B6B8D3
#C0AED3
#CAA4D3
#D698D3
Colorpallet from #D398D6 to #D6D398 and to #D698D3
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D398D6
#D3A1CC
#D3A0CE
#D39ECF
#D39DD1
#D39BD2
#D39AD4
#D398D6
#D4ABC2
#D4A8C5
#D4A5C8
#D4A2CB
#D49FCE
#D49CD1
#D498D5
#D4B4B8
#D4B0BD
#D4ABC1
#D4A7C6
#D4A2CB
#D49ECF
#D498D5
#D5BEAE
#D5B8B4
#D5B2BA
#D5ACC0
#D5A6C6
#D5A0CC
#D598D4
#D5C7A4
#D5BFAC
#D5B8B3
#D5B0BB
#D5A9C3
#D5A1CA
#D598D4
#D6D398
#D6CAA1
#D6C0AB
#D6B7B4
#D6ADBE
#D6A4C7
#D698D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
