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 #A1B0D8 to #A1D8B0 and to #B0A1D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B6D2
#A1B5D3
#A2B3D4
#A2B2D5
#A2B1D6
#A3B0D7
#A3AED8
#A1BDCB
#A2BACD
#A3B7CF
#A3B4D1
#A4B1D3
#A5AFD5
#A6ABD8
#A1C3C5
#A2BFC8
#A3BBCB
#A4B7CE
#A5B2D1
#A7AED4
#A8A9D8
#A1CABE
#A3C4C2
#A4BEC6
#A6B9CA
#A7B3CF
#A9ADD3
#ABA6D8
#A1D0B8
#A3C9BD
#A5C2C2
#A7BBC7
#A9B4CC
#ABADD2
#ADA4D8
#A1D8B0
#A3CFB6
#A6C6BD
#A8BEC3
#ABB5CA
#ADACD0
#B0A1D8
Colorpallet from #A1B0D8 to #A1D8B0 and to #B0D8A1
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B6D2
#A1B6D2
#A2B6D1
#A2B6D1
#A2B6D0
#A3B6D0
#A3B6CF
#A1BDCB
#A2BDCA
#A3BDC9
#A3BDC9
#A4BDC8
#A5BDC7
#A6BDC6
#A1C3C5
#A2C3C4
#A3C3C3
#A4C3C2
#A5C3C1
#A7C3BF
#A8C3BE
#A1CABE
#A3CABD
#A4CABB
#A6CABA
#A7CAB8
#A9CAB7
#ABCAB5
#A1D0B8
#A3D0B6
#A5D0B4
#A7D0B2
#A9D0B0
#ABD0AE
#ADD0AC
#A1D8B0
#A3D8AE
#A6D8AB
#A8D8A9
#ABD8A6
#ADD8A4
#B0D8A1
Colorpallet from #A1B0D8 to #A1D8B0 and to #D8A1B0
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B6D2
#A2B5D2
#A4B3D2
#A5B2D2
#A7B1D2
#A8B0D2
#AAAED2
#A1BDCB
#A4BACB
#A7B7CB
#AAB4CB
#ADB1CB
#AFAFCB
#B3ABCB
#A1C3C5
#A5BFC5
#A9BBC5
#ADB7C5
#B2B2C5
#B6AEC5
#BBA9C5
#A1CABE
#A7C4BE
#ACBEBE
#B2B9BE
#B7B3BE
#BDADBE
#C4A6BE
#A1D0B8
#A8C9B8
#AFC2B8
#B6BBB8
#BDB4B8
#C4ADB8
#CDA4B8
#A1D8B0
#AACFB0
#B3C6B0
#BBBEB0
#C4B5B0
#CDACB0
#D8A1B0
Colorpallet from #A1B0D8 to #A1D8B0 and to #D8B0A1
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B6D2
#A2B5D2
#A4B4D1
#A5B3D1
#A7B2D0
#A8B1D0
#AAB0CF
#A1BDCB
#A4BBCA
#A7B9C9
#AAB7C9
#ADB5C8
#AFB3C7
#B3B0C6
#A1C3C5
#A5C0C4
#A9BDC3
#ADBAC2
#B2B7C1
#B6B4BF
#BBB0BE
#A1CABE
#A7C6BD
#ACC2BB
#B2BEBA
#B7B9B8
#BDB5B7
#C4B0B5
#A1D0B8
#A8CBB6
#AFC6B4
#B6C1B2
#BDBCB0
#C4B6AE
#CDB0AC
#A1D8B0
#AAD2AE
#B3CBAB
#BBC5A9
#C4BEA6
#CDB8A4
#D8B0A1
Colorpallet from #A1B0D8 to #B0A1D8 and to #B0D8A1
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A3AED8
#A3AFD7
#A3B1D5
#A3B2D4
#A3B3D2
#A3B4D1
#A3B6CF
#A6ABD8
#A6AED5
#A6B1D2
#A6B4CF
#A6B7CC
#A6B9CA
#A6BDC6
#A8A9D8
#A8ADD4
#A8B1D0
#A8B5CC
#A8BAC7
#A8BEC3
#A8C3BE
#ABA6D8
#ABACD2
#ABB2CD
#ABB7C7
#ABBDC2
#ABC3BC
#ABCAB5
#ADA4D8
#ADABD1
#ADB2CA
#ADB9C3
#ADC0BC
#ADC7B5
#ADD0AC
#B0A1D8
#B0AACF
#B0B3C6
#B0BBBE
#B0C4B5
#B0CDAC
#B0D8A1
Colorpallet from #A1B0D8 to #B0A1D8 and to #D8A1B0
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A3AED8
#A4AED7
#A5AED6
#A6AED5
#A7AED4
#A9AED3
#AAAED2
#A6ABD8
#A8ABD6
#AAABD4
#ACABD2
#AEABD0
#B0ABCE
#B3ABCB
#A8A9D8
#ABA9D5
#AEA9D2
#B1A9CF
#B4A9CC
#B7A9C9
#BBA9C5
#ABA6D8
#AFA6D4
#B3A6D0
#B7A6CC
#BBA6C7
#BFA6C3
#C4A6BE
#ADA4D8
#B2A4D3
#B7A4CE
#BCA4C9
#C1A4C4
#C7A4BE
#CDA4B8
#B0A1D8
#B6A1D2
#BDA1CB
#C3A1C5
#CAA1BE
#D0A1B8
#D8A1B0
Colorpallet from #A1B0D8 to #B0A1D8 and to #D8B0A1
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A3AED8
#A4AED7
#A5AFD5
#A6AFD4
#A7AFD2
#A9B0D1
#AAB0CF
#A6ABD8
#A8ACD5
#AAADD2
#ACADCF
#AEAECC
#B0AFCA
#B3B0C6
#A8A9D8
#ABAAD4
#AEABD0
#B1ACCC
#B4ADC7
#B7AFC3
#BBB0BE
#ABA6D8
#AFA8D2
#B3A9CD
#B7ABC7
#BBACC2
#BFAEBC
#C4B0B5
#ADA4D8
#B2A6D1
#B7A8CA
#BCAAC3
#C1ACBC
#C7AEB5
#CDB0AC
#B0A1D8
#B6A3CF
#BDA6C6
#C3A8BE
#CAABB5
#D0ADAC
#D8B0A1
Colorpallet from #A1B0D8 to #B0D8A1 and to #D8A1B0
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A3B6CF
#A4B5CF
#A5B3D0
#A6B2D0
#A7B1D1
#A9B0D1
#AAAED2
#A6BDC6
#A8BAC7
#AAB7C8
#ACB4C8
#AEB1C9
#B0AFCA
#B3ABCB
#A8C3BE
#ABBFBF
#AEBBC0
#B1B7C1
#B4B2C2
#B7AEC4
#BBA9C5
#ABCAB5
#AFC4B6
#B3BEB8
#B7B9B9
#BBB3BB
#BFADBC
#C4A6BE
#ADD0AC
#B2C9AE
#B7C2B0
#BCBBB2
#C1B4B4
#C7ADB6
#CDA4B8
#B0D8A1
#B6CFA3
#BDC6A6
#C3BEA8
#CAB5AB
#D0ACAD
#D8A1B0
Colorpallet from #A1B0D8 to #B0D8A1 and to #D8B0A1
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A3B6CF
#A4B5CF
#A5B4CF
#A6B3CF
#A7B2CF
#A9B1CF
#AAB0CF
#A6BDC6
#A8BBC6
#AAB9C6
#ACB7C6
#AEB5C6
#B0B3C6
#B3B0C6
#A8C3BE
#ABC0BE
#AEBDBE
#B1BABE
#B4B7BE
#B7B4BE
#BBB0BE
#ABCAB5
#AFC6B5
#B3C2B5
#B7BEB5
#BBB9B5
#BFB5B5
#C4B0B5
#ADD0AC
#B2CBAC
#B7C6AC
#BCC1AC
#C1BCAC
#C7B6AC
#CDB0AC
#B0D8A1
#B6D2A1
#BDCBA1
#C3C5A1
#CABEA1
#D0B8A1
#D8B0A1
Colorpallet from #A1B0D8 to #D8A1B0 and to #D8B0A1
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#A1B0D8
#AAAED2
#AAAED2
#AAAFD1
#AAAFD1
#AAAFD0
#AAB0D0
#AAB0CF
#B3ABCB
#B3ACCA
#B3ADC9
#B3ADC9
#B3AEC8
#B3AFC7
#B3B0C6
#BBA9C5
#BBAAC4
#BBABC3
#BBACC2
#BBADC1
#BBAFBF
#BBB0BE
#C4A6BE
#C4A8BD
#C4A9BB
#C4ABBA
#C4ACB8
#C4AEB7
#C4B0B5
#CDA4B8
#CDA6B6
#CDA8B4
#CDAAB2
#CDACB0
#CDAEAE
#CDB0AC
#D8A1B0
#D8A3AE
#D8A6AB
#D8A8A9
#D8ABA6
#D8ADA4
#D8B0A1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
