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 #AFABD6 to #AFD6AB and to #ABAFD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFB2CF
#AFB1D0
#AFB0D1
#AFAFD2
#AEAED3
#AEADD5
#AEACD6
#AFB9C8
#AFB7CA
#AFB5CC
#AFB3CF
#AEB1D1
#AEAFD3
#AEACD6
#AFC0C1
#AFBDC4
#AEBAC8
#AEB7CB
#AEB4CE
#ADB1D2
#ADADD6
#AFC7BA
#AFC3BE
#AEBFC3
#AEBBC7
#ADB7CC
#ADB3D0
#ACAED6
#AFCDB4
#AFC8B9
#AEC3BF
#AEBEC4
#ADB9CA
#ADB4CF
#ACAED6
#AFD6AB
#AED0B2
#AECAB9
#ADC3C0
#ACBDC7
#ACB7CD
#ABAFD6
Colorpallet from #AFABD6 to #AFD6AB and to #ABD6AF
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFB2CF
#AFB2CF
#AFB2CF
#AFB2CF
#AEB2D0
#AEB2D0
#AEB2D0
#AFB9C8
#AFB9C8
#AFB9C9
#AFB9C9
#AEB9C9
#AEB9CA
#AEB9CA
#AFC0C1
#AFC0C1
#AEC0C2
#AEC0C2
#AEC0C2
#ADC0C3
#ADC0C3
#AFC7BA
#AFC7BA
#AEC7BB
#AEC7BB
#ADC7BC
#ADC7BC
#ACC7BD
#AFCDB4
#AFCDB4
#AECDB5
#AECDB5
#ADCDB6
#ADCDB6
#ACCDB7
#AFD6AB
#AED6AC
#AED6AC
#ADD6AD
#ACD6AE
#ACD6AE
#ABD6AF
Colorpallet from #AFABD6 to #AFD6AB and to #D6AFAB
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFB2CF
#B0B1CF
#B1B0CF
#B2AFCF
#B3AECF
#B4ADCF
#B5ACCF
#AFB9C8
#B1B7C8
#B3B5C8
#B5B3C8
#B7B1C8
#B9AFC8
#BBACC8
#AFC0C1
#B2BDC1
#B5BAC1
#B8B7C1
#BBB4C1
#BEB1C1
#C2ADC1
#AFC7BA
#B3C3BA
#B7BFBA
#BBBBBA
#BFB7BA
#C3B3BA
#C8AEBA
#AFCDB4
#B4C8B4
#B9C3B4
#BEBEB4
#C3B9B4
#C8B4B4
#CEAEB4
#AFD6AB
#B5D0AB
#BBCAAB
#C2C3AB
#C8BDAB
#CEB7AB
#D6AFAB
Colorpallet from #AFABD6 to #AFD6AB and to #D6ABAF
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFB2CF
#B0B1CF
#B1B0CF
#B2AFCF
#B3AED0
#B4ACD0
#B5ABD0
#AFB9C8
#B1B7C8
#B3B5C9
#B5B2C9
#B7B0C9
#B9AECA
#BBABCA
#AFC0C1
#B2BDC1
#B5B9C2
#B8B6C2
#BBB3C2
#BEAFC3
#C2ABC3
#AFC7BA
#B3C3BA
#B7BEBB
#BBBABB
#BFB5BC
#C3B1BC
#C8ABBD
#AFCDB4
#B4C8B4
#B9C2B5
#BEBDB5
#C3B7B6
#C8B2B6
#CEABB7
#AFD6AB
#B5CFAC
#BBC8AC
#C2C1AD
#C8BAAE
#CEB4AE
#D6ABAF
Colorpallet from #AFABD6 to #ABAFD6 and to #ABD6AF
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AEACD6
#AEADD5
#AEAED4
#AEAFD3
#AEB0D2
#AEB1D1
#AEB2D0
#AEACD6
#AEAED4
#AEB0D2
#AEB2D0
#AEB4CE
#AEB6CC
#AEB9CA
#ADADD6
#ADB0D3
#ADB3D0
#ADB6CD
#ADB9CA
#ADBCC7
#ADC0C3
#ACAED6
#ACB2D2
#ACB6CE
#ACBACA
#ACBEC6
#ACC2C2
#ACC7BD
#ACAED6
#ACB3D1
#ACB8CC
#ACBDC7
#ACC2C2
#ACC7BD
#ACCDB7
#ABAFD6
#ABB5D0
#ABBBCA
#ABC2C3
#ABC8BD
#ABCEB7
#ABD6AF
Colorpallet from #AFABD6 to #ABAFD6 and to #D6AFAB
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AEACD6
#AFACD5
#B0ACD4
#B1ACD3
#B2ACD2
#B4ACD0
#B5ACCF
#AEACD6
#B0ACD4
#B2ACD2
#B4ACCF
#B6ACCD
#B8ACCB
#BBACC8
#ADADD6
#B0ADD3
#B4ADCF
#B7ADCC
#BAADC9
#BEADC5
#C2ADC1
#ACAED6
#B0AED2
#B5AECD
#B9AEC9
#BEAEC4
#C2AEC0
#C8AEBA
#ACAED6
#B1AED1
#B7AECB
#BCAEC6
#C2AEC0
#C7AEBB
#CEAEB4
#ABAFD6
#B2AFCF
#B9AFC8
#C0AFC1
#C7AFBA
#CDAFB4
#D6AFAB
Colorpallet from #AFABD6 to #ABAFD6 and to #D6ABAF
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AEACD6
#AFACD5
#B0ACD4
#B1ACD3
#B2ABD2
#B4ABD1
#B5ABD0
#AEACD6
#B0ACD4
#B2ACD2
#B4ACD0
#B6ABCE
#B8ABCC
#BBABCA
#ADADD6
#B0ADD3
#B4ACD0
#B7ACCD
#BAACCA
#BEABC7
#C2ABC3
#ACAED6
#B0AED2
#B5ADCE
#B9ADCA
#BEACC6
#C2ACC2
#C8ABBD
#ACAED6
#B1AED1
#B7ADCC
#BCADC7
#C2ACC2
#C7ACBD
#CEABB7
#ABAFD6
#B2AED0
#B9AECA
#C0ADC3
#C7ACBD
#CDACB7
#D6ABAF
Colorpallet from #AFABD6 to #ABD6AF and to #D6AFAB
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AEB2D0
#AFB1D0
#B0B0D0
#B1AFD0
#B2AECF
#B4ADCF
#B5ACCF
#AEB9CA
#B0B7CA
#B2B5C9
#B4B3C9
#B6B1C9
#B8AFC8
#BBACC8
#ADC0C3
#B0BDC3
#B4BAC2
#B7B7C2
#BAB4C2
#BEB1C1
#C2ADC1
#ACC7BD
#B0C3BD
#B5BFBC
#B9BBBC
#BEB7BB
#C2B3BB
#C8AEBA
#ACCDB7
#B1C8B7
#B7C3B6
#BCBEB6
#C2B9B5
#C7B4B5
#CEAEB4
#ABD6AF
#B2D0AE
#B9CAAE
#C0C3AD
#C7BDAC
#CDB7AC
#D6AFAB
Colorpallet from #AFABD6 to #ABD6AF and to #D6ABAF
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AEB2D0
#AFB1D0
#B0B0D0
#B1AFD0
#B2AED0
#B4ACD0
#B5ABD0
#AEB9CA
#B0B7CA
#B2B5CA
#B4B2CA
#B6B0CA
#B8AECA
#BBABCA
#ADC0C3
#B0BDC3
#B4B9C3
#B7B6C3
#BAB3C3
#BEAFC3
#C2ABC3
#ACC7BD
#B0C3BD
#B5BEBD
#B9BABD
#BEB5BD
#C2B1BD
#C8ABBD
#ACCDB7
#B1C8B7
#B7C2B7
#BCBDB7
#C2B7B7
#C7B2B7
#CEABB7
#ABD6AF
#B2CFAF
#B9C8AF
#C0C1AF
#C7BAAF
#CDB4AF
#D6ABAF
Colorpallet from #AFABD6 to #D6AFAB and to #D6ABAF
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#AFABD6
#B5ACCF
#B5ACCF
#B5ACCF
#B5ACCF
#B5ABD0
#B5ABD0
#B5ABD0
#BBACC8
#BBACC8
#BBACC9
#BBACC9
#BBABC9
#BBABCA
#BBABCA
#C2ADC1
#C2ADC1
#C2ACC2
#C2ACC2
#C2ACC2
#C2ABC3
#C2ABC3
#C8AEBA
#C8AEBA
#C8ADBB
#C8ADBB
#C8ACBC
#C8ACBC
#C8ABBD
#CEAEB4
#CEAEB4
#CEADB5
#CEADB5
#CEACB6
#CEACB6
#CEABB7
#D6AFAB
#D6AEAC
#D6AEAC
#D6ADAD
#D6ACAE
#D6ACAE
#D6ABAF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts