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 #D1A4B3 to #D1B3A4 and to #A4D1B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A6B1
#D0A7B1
#CFA8B2
#CEA8B2
#CDA9B2
#CBAAB3
#CAABB3
#D1A9AE
#CFAAAF
#CDACB0
#CAADB0
#C8AFB1
#C6B0B2
#C3B2B3
#D1ABAC
#CDADAD
#CAB0AE
#C6B2AF
#C3B5B0
#BFB7B2
#BBBAB3
#D1AEA9
#CCB1AB
#C8B4AC
#C3B7AE
#BEBAAF
#BABDB1
#B4C1B3
#D1B0A7
#CBB4A9
#C5B8AB
#C0BCAD
#BABFAF
#B4C3B1
#ADC8B3
#D1B3A4
#CAB8A6
#C3BDA9
#BBC1AB
#B4C6AE
#ADCBB0
#A4D1B3
Colorpallet from #D1A4B3 to #D1B3A4 and to #A4B3D1
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A6B1
#D0A6B2
#CFA6B3
#CEA6B4
#CDA6B5
#CBA6B7
#CAA6B8
#D1A9AE
#CFA9B0
#CDA9B3
#CAA9B5
#C8A9B8
#C6A9BA
#C3A9BD
#D1ABAC
#CDABAF
#CAABB3
#C6ABB6
#C3ABB9
#BFABBD
#BBABC1
#D1AEA9
#CCAEAE
#C8AEB2
#C3AEB7
#BEAEBC
#BAAEC0
#B4AEC6
#D1B0A7
#CBB0AD
#C5B0B3
#C0B0B8
#BAB0BE
#B4B0C4
#ADB0CB
#D1B3A4
#CAB3AB
#C3B3B2
#BBB3BA
#B4B3C1
#ADB3C8
#A4B3D1
Colorpallet from #D1A4B3 to #D1B3A4 and to #B3D1A4
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A6B1
#D0A7B1
#CFA8B1
#CFA8B1
#CEA9B1
#CDAAB1
#CCABB1
#D1A9AE
#CFAAAE
#CEACAE
#CCADAE
#CBAFAE
#C9B0AE
#C7B2AE
#D1ABAC
#CFADAC
#CDB0AC
#CAB2AC
#C8B5AC
#C6B7AC
#C3BAAC
#D1AEA9
#CEB1A9
#CBB4A9
#C8B7A9
#C5BAA9
#C2BDA9
#BEC1A9
#D1B0A7
#CDB4A7
#C9B8A7
#C5BCA7
#C2BFA7
#BEC3A7
#B9C8A7
#D1B3A4
#CCB8A4
#C7BDA4
#C3C1A4
#BEC6A4
#B9CBA4
#B3D1A4
Colorpallet from #D1A4B3 to #D1B3A4 and to #B3A4D1
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A6B1
#D0A6B2
#CFA5B3
#CFA5B4
#CEA5B5
#CDA4B7
#CCA4B8
#D1A9AE
#CFA8B0
#CEA7B3
#CCA7B5
#CBA6B8
#C9A5BA
#C7A4BD
#D1ABAC
#CFAAAF
#CDA9B3
#CAA8B6
#C8A7B9
#C6A5BD
#C3A4C1
#D1AEA9
#CEACAE
#CBABB2
#C8A9B7
#C5A8BC
#C2A6C0
#BEA4C6
#D1B0A7
#CDAEAD
#C9ACB3
#C5AAB8
#C2A8BE
#BEA6C4
#B9A4CB
#D1B3A4
#CCB1AB
#C7AEB2
#C3ACBA
#BEA9C1
#B9A7C8
#B3A4D1
Colorpallet from #D1A4B3 to #A4D1B3 and to #A4B3D1
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#CAABB3
#CAAAB4
#CAA9B5
#CAA9B5
#CAA8B6
#CAA7B7
#CAA6B8
#C3B2B3
#C3B1B5
#C3AFB6
#C3AEB8
#C3ACB9
#C3ABBB
#C3A9BD
#BBBAB3
#BBB8B5
#BBB5B7
#BBB3BA
#BBB0BC
#BBAEBE
#BBABC1
#B4C1B3
#B4BEB6
#B4BBB9
#B4B8BC
#B4B5BF
#B4B2C2
#B4AEC6
#ADC8B3
#ADC4B7
#ADC0BB
#ADBCBF
#ADB9C2
#ADB5C6
#ADB0CB
#A4D1B3
#A4CCB8
#A4C7BD
#A4C3C1
#A4BEC6
#A4B9CB
#A4B3D1
Colorpallet from #D1A4B3 to #A4D1B3 and to #B3D1A4
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#CAABB3
#CAABB3
#CBABB2
#CBABB2
#CBABB2
#CCABB1
#CCABB1
#C3B2B3
#C4B2B2
#C4B2B1
#C5B2B1
#C6B2B0
#C6B2AF
#C7B2AE
#BBBAB3
#BCBAB2
#BEBAB1
#BFBAB0
#C0BAAF
#C1BAAD
#C3BAAC
#B4C1B3
#B6C1B1
#B7C1B0
#B9C1AE
#BAC1AD
#BCC1AB
#BEC1A9
#ADC8B3
#AFC8B1
#B1C8AF
#B3C8AD
#B5C8AB
#B7C8A9
#B9C8A7
#A4D1B3
#A6D1B1
#A9D1AE
#ABD1AC
#AED1A9
#B0D1A7
#B3D1A4
Colorpallet from #D1A4B3 to #A4D1B3 and to #B3A4D1
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#CAABB3
#CAAAB4
#CBA9B5
#CBA8B5
#CBA7B6
#CCA5B7
#CCA4B8
#C3B2B3
#C4B0B5
#C4AEB6
#C5ABB8
#C6A9B9
#C6A7BB
#C7A4BD
#BBBAB3
#BCB6B5
#BEB3B7
#BFAFBA
#C0ACBC
#C1A8BE
#C3A4C1
#B4C1B3
#B6BCB6
#B7B8B9
#B9B3BC
#BAAEBF
#BCAAC2
#BEA4C6
#ADC8B3
#AFC2B7
#B1BCBB
#B3B7BF
#B5B1C2
#B7ABC6
#B9A4CB
#A4D1B3
#A6CAB8
#A9C3BD
#ABBBC1
#AEB4C6
#B0ADCB
#B3A4D1
Colorpallet from #D1A4B3 to #A4B3D1 and to #B3D1A4
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#CAA6B8
#CAA7B7
#CBA8B6
#CBA8B5
#CBA9B4
#CCAAB2
#CCABB1
#C3A9BD
#C4AABB
#C4ACB8
#C5ADB6
#C6AFB3
#C6B0B1
#C7B2AE
#BBABC1
#BCADBE
#BEB0BA
#BFB2B7
#C0B5B4
#C1B7B0
#C3BAAC
#B4AEC6
#B6B1C1
#B7B4BD
#B9B7B8
#BABAB3
#BCBDAF
#BEC1A9
#ADB0CB
#AFB4C5
#B1B8BF
#B3BCBA
#B5BFB4
#B7C3AE
#B9C8A7
#A4B3D1
#A6B8CA
#A9BDC3
#ABC1BB
#AEC6B4
#B0CBAD
#B3D1A4
Colorpallet from #D1A4B3 to #A4B3D1 and to #B3A4D1
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#CAA6B8
#CAA6B8
#CBA5B8
#CBA5B8
#CBA5B8
#CCA4B8
#CCA4B8
#C3A9BD
#C4A8BD
#C4A7BD
#C5A7BD
#C6A6BD
#C6A5BD
#C7A4BD
#BBABC1
#BCAAC1
#BEA9C1
#BFA8C1
#C0A7C1
#C1A5C1
#C3A4C1
#B4AEC6
#B6ACC6
#B7ABC6
#B9A9C6
#BAA8C6
#BCA6C6
#BEA4C6
#ADB0CB
#AFAECB
#B1ACCB
#B3AACB
#B5A8CB
#B7A6CB
#B9A4CB
#A4B3D1
#A6B1D1
#A9AED1
#ABACD1
#AEA9D1
#B0A7D1
#B3A4D1
Colorpallet from #D1A4B3 to #B3D1A4 and to #B3A4D1
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#D1A4B3
#CCABB1
#CCAAB2
#CCA9B3
#CCA8B4
#CCA7B5
#CCA5B7
#CCA4B8
#C7B2AE
#C7B0B0
#C7AEB3
#C7ABB5
#C7A9B8
#C7A7BA
#C7A4BD
#C3BAAC
#C3B6AF
#C3B3B3
#C3AFB6
#C3ACB9
#C3A8BD
#C3A4C1
#BEC1A9
#BEBCAE
#BEB8B2
#BEB3B7
#BEAEBC
#BEAAC0
#BEA4C6
#B9C8A7
#B9C2AD
#B9BCB3
#B9B7B8
#B9B1BE
#B9ABC4
#B9A4CB
#B3D1A4
#B3CAAB
#B3C3B2
#B3BBBA
#B3B4C1
#B3ADC8
#B3A4D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
