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 #A1ADE2 to #A1E2AD and to #ADA1E2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1B5DA
#A1B3DB
#A2B2DD
#A2B0DE
#A2AFDF
#A3ADE0
#A3ABE2
#A1BED1
#A2BBD4
#A2B7D6
#A3B4D9
#A4B1DC
#A4ADDF
#A5A9E2
#A1C6C9
#A2C1CD
#A3BCD1
#A4B7D5
#A5B2D9
#A6ADDD
#A7A7E2
#A1CFC0
#A2C8C5
#A4C2CB
#A5BBD0
#A6B4D6
#A7ADDB
#A9A5E2
#A1D7B8
#A3CFBF
#A4C6C5
#A6BECC
#A7B6D3
#A9ADDA
#ABA3E2
#A1E2AD
#A3D8B5
#A5CDBE
#A7C3C6
#A9B8CF
#ABAED7
#ADA1E2
Colorpallet from #A1ADE2 to #A1E2AD and to #ADE2A1
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1B5DA
#A1B5DA
#A2B5D9
#A2B5D9
#A2B5D9
#A3B5D8
#A3B5D8
#A1BED1
#A2BED0
#A2BED0
#A3BECF
#A4BECE
#A4BECE
#A5BECD
#A1C6C9
#A2C6C8
#A3C6C7
#A4C6C6
#A5C6C5
#A6C6C4
#A7C6C3
#A1CFC0
#A2CFBF
#A4CFBD
#A5CFBC
#A6CFBB
#A7CFBA
#A9CFB8
#A1D7B8
#A3D7B6
#A4D7B5
#A6D7B3
#A7D7B2
#A9D7B0
#ABD7AE
#A1E2AD
#A3E2AB
#A5E2A9
#A7E2A7
#A9E2A5
#ABE2A3
#ADE2A1
Colorpallet from #A1ADE2 to #A1E2AD and to #E2A1AD
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1B5DA
#A3B3DA
#A4B2DA
#A6B0DA
#A7AFDA
#A9ADDA
#ABABDA
#A1BED1
#A4BBD1
#A8B7D1
#ABB4D1
#AEB1D1
#B2ADD1
#B6A9D1
#A1C6C9
#A6C1C9
#ABBCC9
#B0B7C9
#B5B2C9
#BAADC9
#C0A7C9
#A1CFC0
#A8C8C0
#AEC2C0
#B5BBC0
#BCB4C0
#C3ADC0
#CBA5C0
#A1D7B8
#A9CFB8
#B2C6B8
#BABEB8
#C2B6B8
#CBADB8
#D5A3B8
#A1E2AD
#ABD8AD
#B6CDAD
#C0C3AD
#CBB8AD
#D5AEAD
#E2A1AD
Colorpallet from #A1ADE2 to #A1E2AD and to #E2ADA1
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1B5DA
#A3B4DA
#A4B2D9
#A6B1D9
#A7B0D9
#A9AFD8
#ABADD8
#A1BED1
#A4BBD0
#A8B9D0
#ABB6CF
#AEB3CE
#B2B0CE
#B6ADCD
#A1C6C9
#A6C2C8
#ABBEC7
#B0BAC6
#B5B6C5
#BAB2C4
#C0ADC3
#A1CFC0
#A8CABF
#AEC4BD
#B5BFBC
#BCB9BB
#C3B4BA
#CBADB8
#A1D7B8
#A9D0B6
#B2CAB5
#BAC3B3
#C2BCB2
#CBB5B0
#D5ADAE
#A1E2AD
#ABDAAB
#B6D1A9
#C0C9A7
#CBC0A5
#D5B8A3
#E2ADA1
Colorpallet from #A1ADE2 to #ADA1E2 and to #ADE2A1
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A3ABE2
#A3ADE0
#A3AEDF
#A3B0DD
#A3B1DC
#A3B3DA
#A3B5D8
#A5A9E2
#A5ACDF
#A5B0DB
#A5B3D8
#A5B6D5
#A5BAD1
#A5BECD
#A7A7E2
#A7ACDD
#A7B1D8
#A7B6D3
#A7BBCE
#A7C0C9
#A7C6C3
#A9A5E2
#A9ACDB
#A9B2D5
#A9B9CE
#A9C0C7
#A9C7C0
#A9CFB8
#ABA3E2
#ABABDA
#ABB4D1
#ABBCC9
#ABC4C1
#ABCDB8
#ABD7AE
#ADA1E2
#ADABD8
#ADB6CD
#ADC0C3
#ADCBB8
#ADD5AE
#ADE2A1
Colorpallet from #A1ADE2 to #ADA1E2 and to #E2A1AD
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A3ABE2
#A4ABE1
#A6ABDF
#A7ABDE
#A8ABDD
#A9ABDC
#ABABDA
#A5A9E2
#A8A9DF
#AAA9DD
#ADA9DA
#B0A9D7
#B3A9D4
#B6A9D1
#A7A7E2
#ABA7DE
#AFA7DA
#B3A7D6
#B7A7D2
#BBA7CE
#C0A7C9
#A9A5E2
#AEA5DD
#B4A5D7
#B9A5D2
#BFA5CC
#C4A5C7
#CBA5C0
#ABA3E2
#B2A3DB
#B8A3D5
#BFA3CE
#C6A3C7
#CDA3C0
#D5A3B8
#ADA1E2
#B5A1DA
#BEA1D1
#C6A1C9
#CFA1C0
#D7A1B8
#E2A1AD
Colorpallet from #A1ADE2 to #ADA1E2 and to #E2ADA1
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A3ABE2
#A4ABE0
#A6ACDF
#A7ACDD
#A8ACDC
#A9ADDA
#ABADD8
#A5A9E2
#A8AADF
#AAAADB
#ADABD8
#B0ACD5
#B3ACD1
#B6ADCD
#A7A7E2
#ABA8DD
#AFA9D8
#B3AAD3
#B7ABCE
#BBACC9
#C0ADC3
#A9A5E2
#AEA6DB
#B4A8D5
#B9A9CE
#BFAAC7
#C4ABC0
#CBADB8
#ABA3E2
#B2A5DA
#B8A6D1
#BFA8C9
#C6A9C1
#CDABB8
#D5ADAE
#ADA1E2
#B5A3D8
#BEA5CD
#C6A7C3
#CFA9B8
#D7ABAE
#E2ADA1
Colorpallet from #A1ADE2 to #ADE2A1 and to #E2A1AD
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A3B5D8
#A4B3D8
#A6B2D9
#A7B0D9
#A8AFD9
#A9ADDA
#ABABDA
#A5BECD
#A8BBCE
#AAB7CE
#ADB4CF
#B0B1D0
#B3ADD0
#B6A9D1
#A7C6C3
#ABC1C4
#AFBCC5
#B3B7C6
#B7B2C7
#BBADC8
#C0A7C9
#A9CFB8
#AEC8B9
#B4C2BB
#B9BBBC
#BFB4BD
#C4ADBE
#CBA5C0
#ABD7AE
#B2CFB0
#B8C6B1
#BFBEB3
#C6B6B4
#CDADB6
#D5A3B8
#ADE2A1
#B5D8A3
#BECDA5
#C6C3A7
#CFB8A9
#D7AEAB
#E2A1AD
Colorpallet from #A1ADE2 to #ADE2A1 and to #E2ADA1
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A3B5D8
#A4B4D8
#A6B2D8
#A7B1D8
#A8B0D8
#A9AFD8
#ABADD8
#A5BECD
#A8BBCD
#AAB9CD
#ADB6CD
#B0B3CD
#B3B0CD
#B6ADCD
#A7C6C3
#ABC2C3
#AFBEC3
#B3BAC3
#B7B6C3
#BBB2C3
#C0ADC3
#A9CFB8
#AECAB8
#B4C4B8
#B9BFB8
#BFB9B8
#C4B4B8
#CBADB8
#ABD7AE
#B2D0AE
#B8CAAE
#BFC3AE
#C6BCAE
#CDB5AE
#D5ADAE
#ADE2A1
#B5DAA1
#BED1A1
#C6C9A1
#CFC0A1
#D7B8A1
#E2ADA1
Colorpallet from #A1ADE2 to #E2A1AD and to #E2ADA1
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#A1ADE2
#ABABDA
#ABABDA
#ABACD9
#ABACD9
#ABACD9
#ABADD8
#ABADD8
#B6A9D1
#B6AAD0
#B6AAD0
#B6ABCF
#B6ACCE
#B6ACCE
#B6ADCD
#C0A7C9
#C0A8C8
#C0A9C7
#C0AAC6
#C0ABC5
#C0ACC4
#C0ADC3
#CBA5C0
#CBA6BF
#CBA8BD
#CBA9BC
#CBAABB
#CBABBA
#CBADB8
#D5A3B8
#D5A5B6
#D5A6B5
#D5A8B3
#D5A9B2
#D5ABB0
#D5ADAE
#E2A1AD
#E2A3AB
#E2A5A9
#E2A7A7
#E2A9A5
#E2ABA3
#E2ADA1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts