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 #B3A1CE to #B3CEA1 and to #A1B3CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A8C7
#B3A7C8
#B2A7C9
#B2A6CA
#B1A5CB
#B1A5CD
#B0A4CE
#B3AFC0
#B2AEC2
#B1ACC4
#B0ABC7
#AFAAC9
#AEA9CB
#ADA7CE
#B3B7B8
#B2B5BC
#B0B3BF
#AFB1C3
#ADAFC6
#ACADCA
#AAAACE
#B3BEB1
#B1BBB6
#AFB9BA
#ADB6BF
#ABB3C4
#A9B0C8
#A7ADCE
#B3C5AA
#B1C1B0
#AFBEB6
#ACBABB
#AAB7C1
#A8B3C7
#A5AFCE
#B3CEA1
#B0CAA8
#ADC5AF
#AAC1B7
#A7BDBE
#A5B8C5
#A1B3CE
Colorpallet from #B3A1CE to #B3CEA1 and to #A1CEB3
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A8C7
#B3A8C7
#B2A8C8
#B2A8C8
#B1A8C9
#B1A8C9
#B0A8CA
#B3AFC0
#B2AFC1
#B1AFC2
#B0AFC2
#AFAFC3
#AEAFC4
#ADAFC5
#B3B7B8
#B2B7B9
#B0B7BB
#AFB7BC
#ADB7BE
#ACB7BF
#AAB7C1
#B3BEB1
#B1BEB3
#AFBEB5
#ADBEB7
#ABBEB9
#A9BEBB
#A7BEBD
#B3C5AA
#B1C5AC
#AFC5AE
#ACC5B1
#AAC5B3
#A8C5B5
#A5C5B8
#B3CEA1
#B0CEA4
#ADCEA7
#AACEAA
#A7CEAD
#A5CEAF
#A1CEB3
Colorpallet from #B3A1CE to #B3CEA1 and to #CEB3A1
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A8C7
#B4A7C7
#B4A7C7
#B5A6C7
#B6A5C7
#B6A5C7
#B7A4C7
#B3AFC0
#B4AEC0
#B6ACC0
#B7ABC0
#B9AAC0
#BAA9C0
#BCA7C0
#B3B7B8
#B5B5B8
#B7B3B8
#B9B1B8
#BBAFB8
#BDADB8
#C0AAB8
#B3BEB1
#B6BBB1
#B8B9B1
#BBB6B1
#BEB3B1
#C1B0B1
#C4ADB1
#B3C5AA
#B7C1AA
#BABEAA
#BEBAAA
#C1B7AA
#C5B3AA
#C9AFAA
#B3CEA1
#B7CAA1
#BCC5A1
#C0C1A1
#C4BDA1
#C9B8A1
#CEB3A1
Colorpallet from #B3A1CE to #B3CEA1 and to #CEA1B3
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A8C7
#B4A7C7
#B4A6C8
#B5A5C8
#B6A4C9
#B6A2C9
#B7A1CA
#B3AFC0
#B4ADC1
#B6ABC2
#B7A8C2
#B9A6C3
#BAA4C4
#BCA1C5
#B3B7B8
#B5B3B9
#B7B0BB
#B9ACBC
#BBA9BE
#BDA5BF
#C0A1C1
#B3BEB1
#B6B9B3
#B8B5B5
#BBB0B7
#BEABB9
#C1A7BB
#C4A1BD
#B3C5AA
#B7BFAC
#BAB9AE
#BEB4B1
#C1AEB3
#C5A8B5
#C9A1B8
#B3CEA1
#B7C7A4
#BCC0A7
#C0B8AA
#C4B1AD
#C9AAAF
#CEA1B3
Colorpallet from #B3A1CE to #A1B3CE and to #A1CEB3
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B0A4CE
#B0A5CD
#B0A5CD
#B0A6CC
#B0A7CB
#B0A7CB
#B0A8CA
#ADA7CE
#ADA8CD
#ADAACB
#ADABCA
#ADACC8
#ADADC7
#ADAFC5
#AAAACE
#AAACCC
#AAAECA
#AAB0C8
#AAB2C6
#AAB4C4
#AAB7C1
#A7ADCE
#A7B0CB
#A7B2C9
#A7B5C6
#A7B8C3
#A7BBC0
#A7BEBD
#A5AFCE
#A5B3CA
#A5B6C7
#A5BAC3
#A5BDC0
#A5C1BC
#A5C5B8
#A1B3CE
#A1B7CA
#A1BCC5
#A1C0C1
#A1C4BD
#A1C9B8
#A1CEB3
Colorpallet from #B3A1CE to #A1B3CE and to #CEB3A1
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B0A4CE
#B1A4CD
#B2A4CC
#B3A4CB
#B4A4CA
#B6A4C8
#B7A4C7
#ADA7CE
#AFA7CC
#B2A7CA
#B4A7C7
#B7A7C5
#B9A7C3
#BCA7C0
#AAAACE
#AEAACA
#B1AAC7
#B5AAC3
#B8AAC0
#BCAABC
#C0AAB8
#A7ADCE
#ACADC9
#B0ADC5
#B5ADC0
#BAADBB
#BEADB7
#C4ADB1
#A5AFCE
#ABAFC8
#B1AFC2
#B6AFBD
#BCAFB7
#C2AFB1
#C9AFAA
#A1B3CE
#A8B3C7
#AFB3C0
#B7B3B8
#BEB3B1
#C5B3AA
#CEB3A1
Colorpallet from #B3A1CE to #A1B3CE and to #CEA1B3
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B0A4CE
#B1A4CD
#B2A3CD
#B3A3CC
#B4A2CB
#B6A2CB
#B7A1CA
#ADA7CE
#AFA6CD
#B2A5CB
#B4A4CA
#B7A3C8
#B9A2C7
#BCA1C5
#AAAACE
#AEA9CC
#B1A7CA
#B5A6C8
#B8A4C6
#BCA3C4
#C0A1C1
#A7ADCE
#ACABCB
#B0A9C9
#B5A7C6
#BAA5C3
#BEA3C0
#C4A1BD
#A5AFCE
#ABADCA
#B1ABC7
#B6A8C3
#BCA6C0
#C2A4BC
#C9A1B8
#A1B3CE
#A8B0CA
#AFADC5
#B7AAC1
#BEA7BD
#C5A5B8
#CEA1B3
Colorpallet from #B3A1CE to #A1CEB3 and to #CEB3A1
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B0A8CA
#B1A7CA
#B2A7C9
#B3A6C9
#B4A5C8
#B6A5C8
#B7A4C7
#ADAFC5
#AFAEC4
#B2ACC3
#B4ABC3
#B7AAC2
#B9A9C1
#BCA7C0
#AAB7C1
#AEB5C0
#B1B3BE
#B5B1BD
#B8AFBB
#BCADBA
#C0AAB8
#A7BEBD
#ACBBBB
#B0B9B9
#B5B6B7
#BAB3B5
#BEB0B3
#C4ADB1
#A5C5B8
#ABC1B6
#B1BEB4
#B6BAB1
#BCB7AF
#C2B3AD
#C9AFAA
#A1CEB3
#A8CAB0
#AFC5AD
#B7C1AA
#BEBDA7
#C5B8A5
#CEB3A1
Colorpallet from #B3A1CE to #A1CEB3 and to #CEA1B3
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B0A8CA
#B1A7CA
#B2A6CA
#B3A5CA
#B4A4CA
#B6A2CA
#B7A1CA
#ADAFC5
#AFADC5
#B2ABC5
#B4A8C5
#B7A6C5
#B9A4C5
#BCA1C5
#AAB7C1
#AEB3C1
#B1B0C1
#B5ACC1
#B8A9C1
#BCA5C1
#C0A1C1
#A7BEBD
#ACB9BD
#B0B5BD
#B5B0BD
#BAABBD
#BEA7BD
#C4A1BD
#A5C5B8
#ABBFB8
#B1B9B8
#B6B4B8
#BCAEB8
#C2A8B8
#C9A1B8
#A1CEB3
#A8C7B3
#AFC0B3
#B7B8B3
#BEB1B3
#C5AAB3
#CEA1B3
Colorpallet from #B3A1CE to #CEB3A1 and to #CEA1B3
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B3A1CE
#B7A4C7
#B7A4C7
#B7A3C8
#B7A3C8
#B7A2C9
#B7A2C9
#B7A1CA
#BCA7C0
#BCA6C1
#BCA5C2
#BCA4C2
#BCA3C3
#BCA2C4
#BCA1C5
#C0AAB8
#C0A9B9
#C0A7BB
#C0A6BC
#C0A4BE
#C0A3BF
#C0A1C1
#C4ADB1
#C4ABB3
#C4A9B5
#C4A7B7
#C4A5B9
#C4A3BB
#C4A1BD
#C9AFAA
#C9ADAC
#C9ABAE
#C9A8B1
#C9A6B3
#C9A4B5
#C9A1B8
#CEB3A1
#CEB0A4
#CEADA7
#CEAAAA
#CEA7AD
#CEA5AF
#CEA1B3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
