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 #A1B2C8 to #A1C8B2 and to #B2A1C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B6C4
#A1B5C5
#A2B4C5
#A2B3C6
#A3B2C7
#A3B0C7
#A4AFC8
#A1B9C1
#A2B7C2
#A3B5C3
#A3B3C4
#A4B1C5
#A5AFC7
#A6ADC8
#A1BDBD
#A2BABF
#A4B7C1
#A5B4C2
#A6B1C4
#A7AEC6
#A9AAC8
#A1C0BA
#A3BCBC
#A5B8BE
#A6B4C1
#A8B0C3
#AAACC5
#ACA7C8
#A1C4B6
#A3BFB9
#A5BABC
#A8B5BF
#AAB0C2
#ACAAC4
#AFA4C8
#A1C8B2
#A4C2B6
#A6BCB9
#A9B5BD
#ACAFC0
#AFA9C4
#B2A1C8
Colorpallet from #A1B2C8 to #A1C8B2 and to #B2C8A1
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B6C4
#A1B6C4
#A2B6C3
#A2B6C3
#A3B6C3
#A3B6C2
#A4B6C2
#A1B9C1
#A2B9C0
#A3B9BF
#A3B9BF
#A4B9BE
#A5B9BD
#A6B9BC
#A1BDBD
#A2BDBC
#A4BDBA
#A5BDB9
#A6BDB8
#A7BDB7
#A9BDB5
#A1C0BA
#A3C0B8
#A5C0B6
#A6C0B5
#A8C0B3
#AAC0B1
#ACC0AF
#A1C4B6
#A3C4B4
#A5C4B2
#A8C4B0
#AAC4AE
#ACC4AC
#AFC4A9
#A1C8B2
#A4C8AF
#A6C8AD
#A9C8AA
#ACC8A7
#AFC8A4
#B2C8A1
Colorpallet from #A1B2C8 to #A1C8B2 and to #C8A1B2
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B6C4
#A2B5C4
#A3B4C4
#A4B3C4
#A5B2C4
#A6B0C4
#A7AFC4
#A1B9C1
#A3B7C1
#A5B5C1
#A7B3C1
#A9B1C1
#ABAFC1
#ADADC1
#A1BDBD
#A4BABD
#A7B7BD
#AAB4BD
#ADB1BD
#B0AEBD
#B4AABD
#A1C0BA
#A5BCBA
#A9B8BA
#ADB4BA
#B1B0BA
#B5ACBA
#BAA7BA
#A1C4B6
#A6BFB6
#ABBAB6
#B0B5B6
#B5B0B6
#BAAAB6
#C0A4B6
#A1C8B2
#A7C2B2
#ADBCB2
#B4B5B2
#BAAFB2
#C0A9B2
#C8A1B2
Colorpallet from #A1B2C8 to #A1C8B2 and to #C8B2A1
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B6C4
#A2B5C4
#A3B5C3
#A4B4C3
#A5B3C3
#A6B3C2
#A7B2C2
#A1B9C1
#A3B8C0
#A5B7BF
#A7B6BF
#A9B5BE
#ABB3BD
#ADB2BC
#A1BDBD
#A4BBBC
#A7B9BA
#AAB8B9
#ADB6B8
#B0B4B7
#B4B2B5
#A1C0BA
#A5BEB8
#A9BCB6
#ADB9B5
#B1B7B3
#B5B5B1
#BAB2AF
#A1C4B6
#A6C1B4
#ABBEB2
#B0BBB0
#B5B8AE
#BAB6AC
#C0B2A9
#A1C8B2
#A7C4AF
#ADC1AD
#B4BDAA
#BABAA7
#C0B6A4
#C8B2A1
Colorpallet from #A1B2C8 to #B2A1C8 and to #B2C8A1
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A4AFC8
#A4B0C7
#A4B1C6
#A4B2C5
#A4B3C4
#A4B5C3
#A4B6C2
#A6ADC8
#A6AFC6
#A6B1C4
#A6B3C2
#A6B5C0
#A6B7BE
#A6B9BC
#A9AAC8
#A9ADC5
#A9B0C2
#A9B3BF
#A9B6BC
#A9B9B9
#A9BDB5
#ACA7C8
#ACABC4
#ACAFC0
#ACB3BC
#ACB7B8
#ACBBB4
#ACC0AF
#AFA4C8
#AFA9C3
#AFAEBE
#AFB3B9
#AFB8B4
#AFBEAF
#AFC4A9
#B2A1C8
#B2A7C2
#B2ADBC
#B2B4B5
#B2BAAF
#B2C0A9
#B2C8A1
Colorpallet from #A1B2C8 to #B2A1C8 and to #C8A1B2
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A4AFC8
#A4AFC7
#A5AFC7
#A5AFC6
#A6AFC5
#A6AFC5
#A7AFC4
#A6ADC8
#A7ADC7
#A8ADC6
#A9ADC5
#AAADC4
#ACADC2
#ADADC1
#A9AAC8
#ABAAC6
#ADAAC4
#AEAAC3
#B0AAC1
#B2AABF
#B4AABD
#ACA7C8
#AEA7C6
#B0A7C4
#B3A7C1
#B5A7BF
#B7A7BD
#BAA7BA
#AFA4C8
#B2A4C5
#B4A4C2
#B7A4BF
#BAA4BC
#BDA4BA
#C0A4B6
#B2A1C8
#B6A1C4
#B9A1C1
#BDA1BD
#C0A1BA
#C4A1B6
#C8A1B2
Colorpallet from #A1B2C8 to #B2A1C8 and to #C8B2A1
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A4AFC8
#A4AFC7
#A5B0C6
#A5B0C5
#A6B1C4
#A6B1C3
#A7B2C2
#A6ADC8
#A7AEC6
#A8AFC4
#A9AFC2
#AAB0C0
#ACB1BE
#ADB2BC
#A9AAC8
#ABABC5
#ADADC2
#AEAEBF
#B0AFBC
#B2B0B9
#B4B2B5
#ACA7C8
#AEA9C4
#B0ABC0
#B3ACBC
#B5AEB8
#B7B0B4
#BAB2AF
#AFA4C8
#B2A6C3
#B4A8BE
#B7ABB9
#BAADB4
#BDAFAF
#C0B2A9
#B2A1C8
#B6A4C2
#B9A6BC
#BDA9B5
#C0ACAF
#C4AFA9
#C8B2A1
Colorpallet from #A1B2C8 to #B2C8A1 and to #C8A1B2
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A4B6C2
#A4B5C2
#A5B4C3
#A5B3C3
#A6B2C3
#A6B0C4
#A7AFC4
#A6B9BC
#A7B7BD
#A8B5BE
#A9B3BE
#AAB1BF
#ACAFC0
#ADADC1
#A9BDB5
#ABBAB6
#ADB7B8
#AEB4B9
#B0B1BA
#B2AEBB
#B4AABD
#ACC0AF
#AEBCB1
#B0B8B3
#B3B4B4
#B5B0B6
#B7ACB8
#BAA7BA
#AFC4A9
#B2BFAB
#B4BAAD
#B7B5AF
#BAB0B1
#BDAAB3
#C0A4B6
#B2C8A1
#B6C2A4
#B9BCA6
#BDB5A9
#C0AFAC
#C4A9AF
#C8A1B2
Colorpallet from #A1B2C8 to #B2C8A1 and to #C8B2A1
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A4B6C2
#A4B5C2
#A5B5C2
#A5B4C2
#A6B3C2
#A6B3C2
#A7B2C2
#A6B9BC
#A7B8BC
#A8B7BC
#A9B6BC
#AAB5BC
#ACB3BC
#ADB2BC
#A9BDB5
#ABBBB5
#ADB9B5
#AEB8B5
#B0B6B5
#B2B4B5
#B4B2B5
#ACC0AF
#AEBEAF
#B0BCAF
#B3B9AF
#B5B7AF
#B7B5AF
#BAB2AF
#AFC4A9
#B2C1A9
#B4BEA9
#B7BBA9
#BAB8A9
#BDB6A9
#C0B2A9
#B2C8A1
#B6C4A1
#B9C1A1
#BDBDA1
#C0BAA1
#C4B6A1
#C8B2A1
Colorpallet from #A1B2C8 to #C8A1B2 and to #C8B2A1
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A1B2C8
#A7AFC4
#A7AFC4
#A7B0C3
#A7B0C3
#A7B1C3
#A7B1C2
#A7B2C2
#ADADC1
#ADAEC0
#ADAFBF
#ADAFBF
#ADB0BE
#ADB1BD
#ADB2BC
#B4AABD
#B4ABBC
#B4ADBA
#B4AEB9
#B4AFB8
#B4B0B7
#B4B2B5
#BAA7BA
#BAA9B8
#BAABB6
#BAACB5
#BAAEB3
#BAB0B1
#BAB2AF
#C0A4B6
#C0A6B4
#C0A8B2
#C0ABB0
#C0ADAE
#C0AFAC
#C0B2A9
#C8A1B2
#C8A4AF
#C8A6AD
#C8A9AA
#C8ACA7
#C8AFA4
#C8B2A1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts