Website Color Tester

Color Picker

H
S
L

Primary

Triadic Secondary

Triadic Tertiary

Purpose

This site is constructed to automatically apply shades and formatting to various elements once a primary color is chosen. For now, adjust colors by looking at palette.css in dev tools and changing --base-primary-h, --base-primary-s, and --base-primary-l in :root.

Coming soon:

Test Paragraph under a subheader.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Netus et malesuada fames ac. Lectus urna duis convallis convallis tellus id interdum velit laoreet. Ut tortor pretium viverra suspendisse potenti. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam. Id neque aliquam vestibulum morbi. Enim facilisis gravida neque convallis a cras. Donec ultrices tincidunt arcu non sodales neque sodales ut etiam. Purus gravida quis blandit turpis cursus in hac habitasse. Nisl nisi scelerisque eu ultrices. Viverra vitae congue eu consequat ac felis donec et. Eget lorem dolor sed viverra. Sagittis eu volutpat odio facilisis mauris sit. Quis lectus nulla at volutpat. Ut eu sem integer vitae justo eget magna fermentum iaculis. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate.

Eu feugiat pretium nibh ipsum consequat nisl. Dictum varius duis at consectetur lorem donec. Vel quam elementum pulvinar etiam non quam lacus. Netus et malesuada fames ac turpis egestas sed tempus urna. Lectus urna duis convallis convallis. Tortor id aliquet lectus proin nibh. Lacus sed viverra tellus in hac habitasse. Lacus laoreet non curabitur gravida. Adipiscing tristique risus nec feugiat in fermentum posuere urna. Amet nulla facilisi morbi tempus iaculis urna id. Sem nulla pharetra diam sit amet. Et pharetra pharetra massa massa ultricies.

Diam sit amet nisl suscipit adipiscing bibendum est ultricies integer. Aliquet nec ullamcorper sit amet risus nullam. Habitant morbi tristique senectus et. Ut aliquam purus sit amet. A cras semper auctor neque vitae tempus quam. Tincidunt praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Pellentesque elit eget gravida cum. Sagittis purus sit amet volutpat consequat mauris nunc congue nisi. Proin libero nunc consequat interdum varius sit amet mattis. Volutpat consequat mauris nunc congue nisi. Tempor id eu nisl nunc mi. Augue neque gravida in fermentum et sollicitudin ac orci phasellus. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Nulla facilisi etiam dignissim diam quis enim. Fusce id velit ut tortor pretium viverra suspendisse. Lectus quam id leo in vitae turpis massa. Et malesuada fames ac turpis egestas sed. Donec massa sapien faucibus et molestie ac feugiat.

Enim facilisis gravida neque convallis a cras semper auctor neque. Nulla facilisi cras fermentum odio eu feugiat pretium. Egestas maecenas pharetra convallis posuere morbi leo urna. Rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Lacus sed viverra tellus in hac. Sed faucibus turpis in eu mi bibendum neque egestas congue. Ac felis donec et odio pellentesque. Vitae aliquet nec ullamcorper sit amet risus nullam eget. Velit laoreet id donec ultrices tincidunt arcu non. Pretium quam vulputate dignissim suspendisse in est ante. Odio morbi quis commodo odio aenean sed. Massa ultricies mi quis hendrerit dolor magna. Nisi scelerisque eu ultrices vitae auctor eu augue ut. At tempor commodo ullamcorper a lacus vestibulum sed arcu non. Eget nunc lobortis mattis aliquam faucibus purus in massa tempor. Est ante in nibh mauris cursus mattis. Leo urna molestie at elementum. Ipsum a arcu cursus vitae congue.

Vitae justo eget magna fermentum. Nibh mauris cursus mattis molestie a iaculis at erat. Nec dui nunc mattis enim ut tellus elementum sagittis vitae. Dictum fusce ut placerat orci nulla. Eros donec ac odio tempor orci dapibus. Donec enim diam vulputate ut pharetra sit. Cursus risus at ultrices mi tempus. Purus non enim praesent elementum facilisis. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Etiam sit amet nisl purus in mollis nunc. Morbi non arcu risus quis varius quam quisque. Facilisi cras fermentum odio eu. Mus mauris vitae ultricies leo integer malesuada nunc. Venenatis urna cursus eget nunc scelerisque viverra mauris.