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 #C3ADE2 to #C3E2AD and to #ADC3E2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3B5DA
#C2B4DB
#C2B4DD
#C1B3DE
#C0B2DF
#C0B2E0
#BFB1E2
#C3BED1
#C2BCD4
#C1BBD6
#C0B9D9
#BFB8DC
#BDB6DF
#BCB4E2
#C3C6C9
#C1C4CD
#BFC2D1
#BEBFD5
#BCBDD9
#BABBDD
#B8B8E2
#C3CFC0
#C1CCC5
#BFC9CB
#BCC5D0
#BAC2D6
#B8BFDB
#B5BBE2
#C3D7B8
#C0D3BF
#BDCFC5
#BACBCC
#B7C8D3
#B5C4DA
#B1BFE2
#C3E2AD
#BFDDB5
#BCD8BE
#B8D3C6
#B5CECF
#B1C9D7
#ADC3E2
Colorpallet from #C3ADE2 to #C3E2AD and to #ADE2C3
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3B5DA
#C2B5DA
#C2B5DB
#C1B5DB
#C0B5DC
#C0B5DC
#BFB5DD
#C3BED1
#C2BED2
#C1BED3
#C0BED4
#BFBED5
#BDBED7
#BCBED8
#C3C6C9
#C1C6CB
#BFC6CC
#BEC6CE
#BCC6CF
#BAC6D1
#B8C6D3
#C3CFC0
#C1CFC2
#BFCFC4
#BCCFC7
#BACFC9
#B8CFCB
#B5CFCE
#C3D7B8
#C0D7BB
#BDD7BD
#BAD7C0
#B7D7C3
#B5D7C6
#B1D7C9
#C3E2AD
#BFE2B1
#BCE2B4
#B8E2B8
#B5E2BB
#B1E2BF
#ADE2C3
Colorpallet from #C3ADE2 to #C3E2AD and to #E2C3AD
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3B5DA
#C4B4DA
#C5B4DA
#C5B3DA
#C6B2DA
#C7B2DA
#C8B1DA
#C3BED1
#C5BCD1
#C6BBD1
#C8B9D1
#C9B8D1
#CBB6D1
#CDB4D1
#C3C6C9
#C5C4C9
#C8C2C9
#CABFC9
#CDBDC9
#CFBBC9
#D2B8C9
#C3CFC0
#C6CCC0
#C9C9C0
#CDC5C0
#D0C2C0
#D3BFC0
#D7BBC0
#C3D7B8
#C7D3B8
#CBCFB8
#CFCBB8
#D3C8B8
#D7C4B8
#DCBFB8
#C3E2AD
#C8DDAD
#CDD8AD
#D2D3AD
#D7CEAD
#DCC9AD
#E2C3AD
Colorpallet from #C3ADE2 to #C3E2AD and to #E2ADC3
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3B5DA
#C4B4DA
#C5B2DB
#C5B1DB
#C6B0DC
#C7AFDC
#C8ADDD
#C3BED1
#C5BBD2
#C6B9D3
#C8B6D4
#C9B3D5
#CBB0D7
#CDADD8
#C3C6C9
#C5C2CB
#C8BECC
#CABACE
#CDB6CF
#CFB2D1
#D2ADD3
#C3CFC0
#C6CAC2
#C9C4C4
#CDBFC7
#D0B9C9
#D3B4CB
#D7ADCE
#C3D7B8
#C7D0BB
#CBCABD
#CFC3C0
#D3BCC3
#D7B5C6
#DCADC9
#C3E2AD
#C8DAB1
#CDD1B4
#D2C9B8
#D7C0BB
#DCB8BF
#E2ADC3
Colorpallet from #C3ADE2 to #ADC3E2 and to #ADE2C3
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#BFB1E2
#BFB2E1
#BFB2E0
#BFB3E0
#BFB4DF
#BFB4DE
#BFB5DD
#BCB4E2
#BCB6E0
#BCB7DF
#BCB9DD
#BCBADC
#BCBCDA
#BCBED8
#B8B8E2
#B8BAE0
#B8BCDD
#B8BFDB
#B8C1D8
#B8C3D6
#B8C6D3
#B5BBE2
#B5BEDF
#B5C1DC
#B5C5D8
#B5C8D5
#B5CBD2
#B5CFCE
#B1BFE2
#B1C3DE
#B1C7DA
#B1CBD6
#B1CED2
#B1D2CE
#B1D7C9
#ADC3E2
#ADC8DD
#ADCDD8
#ADD2D3
#ADD7CE
#ADDCC9
#ADE2C3
Colorpallet from #C3ADE2 to #ADC3E2 and to #E2C3AD
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#BFB1E2
#C0B1E1
#C2B1DF
#C3B1DE
#C5B1DD
#C6B1DC
#C8B1DA
#BCB4E2
#BFB4DF
#C1B4DD
#C4B4DA
#C7B4D7
#CAB4D4
#CDB4D1
#B8B8E2
#BCB8DE
#C0B8DA
#C4B8D6
#C9B8D2
#CDB8CE
#D2B8C9
#B5BBE2
#BABBDD
#C0BBD7
#C5BBD2
#CBBBCC
#D0BBC7
#D7BBC0
#B1BFE2
#B8BFDB
#BFBFD5
#C6BFCE
#CDBFC7
#D3BFC0
#DCBFB8
#ADC3E2
#B5C3DA
#BEC3D1
#C6C3C9
#CFC3C0
#D7C3B8
#E2C3AD
Colorpallet from #C3ADE2 to #ADC3E2 and to #E2ADC3
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#BFB1E2
#C0B0E1
#C2B0E0
#C3AFE0
#C5AEDF
#C6AEDE
#C8ADDD
#BCB4E2
#BFB3E0
#C1B2DF
#C4B1DD
#C7B0DC
#CAAEDA
#CDADD8
#B8B8E2
#BCB6E0
#C0B4DD
#C4B3DB
#C9B1D8
#CDAFD6
#D2ADD3
#B5BBE2
#BAB9DF
#C0B7DC
#C5B4D8
#CBB2D5
#D0B0D2
#D7ADCE
#B1BFE2
#B8BCDE
#BFB9DA
#C6B6D6
#CDB3D2
#D3B1CE
#DCADC9
#ADC3E2
#B5BFDD
#BEBCD8
#C6B8D3
#CFB5CE
#D7B1C9
#E2ADC3
Colorpallet from #C3ADE2 to #ADE2C3 and to #E2C3AD
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#BFB5DD
#C0B4DD
#C2B4DC
#C3B3DC
#C5B2DB
#C6B2DB
#C8B1DA
#BCBED8
#BFBCD7
#C1BBD6
#C4B9D5
#C7B8D4
#CAB6D2
#CDB4D1
#B8C6D3
#BCC4D1
#C0C2D0
#C4BFCE
#C9BDCD
#CDBBCB
#D2B8C9
#B5CFCE
#BACCCC
#C0C9CA
#C5C5C7
#CBC2C5
#D0BFC3
#D7BBC0
#B1D7C9
#B8D3C6
#BFCFC4
#C6CBC1
#CDC8BE
#D3C4BB
#DCBFB8
#ADE2C3
#B5DDBF
#BED8BC
#C6D3B8
#CFCEB5
#D7C9B1
#E2C3AD
Colorpallet from #C3ADE2 to #ADE2C3 and to #E2ADC3
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#BFB5DD
#C0B4DD
#C2B2DD
#C3B1DD
#C5B0DD
#C6AFDD
#C8ADDD
#BCBED8
#BFBBD8
#C1B9D8
#C4B6D8
#C7B3D8
#CAB0D8
#CDADD8
#B8C6D3
#BCC2D3
#C0BED3
#C4BAD3
#C9B6D3
#CDB2D3
#D2ADD3
#B5CFCE
#BACACE
#C0C4CE
#C5BFCE
#CBB9CE
#D0B4CE
#D7ADCE
#B1D7C9
#B8D0C9
#BFCAC9
#C6C3C9
#CDBCC9
#D3B5C9
#DCADC9
#ADE2C3
#B5DAC3
#BED1C3
#C6C9C3
#CFC0C3
#D7B8C3
#E2ADC3
Colorpallet from #C3ADE2 to #E2C3AD and to #E2ADC3
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C3ADE2
#C8B1DA
#C8B0DA
#C8B0DB
#C8AFDB
#C8AEDC
#C8AEDC
#C8ADDD
#CDB4D1
#CDB3D2
#CDB2D3
#CDB1D4
#CDB0D5
#CDAED7
#CDADD8
#D2B8C9
#D2B6CB
#D2B4CC
#D2B3CE
#D2B1CF
#D2AFD1
#D2ADD3
#D7BBC0
#D7B9C2
#D7B7C4
#D7B4C7
#D7B2C9
#D7B0CB
#D7ADCE
#DCBFB8
#DCBCBB
#DCB9BD
#DCB6C0
#DCB3C3
#DCB1C6
#DCADC9
#E2C3AD
#E2BFB1
#E2BCB4
#E2B8B8
#E2B5BB
#E2B1BF
#E2ADC3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts