colorschemedesigner.com Ads.txt file
<!DOCTYPE HTML>
<html lang="en">
<head>
<!-- OneTrust Cookies Consent Notice start for paletton.com -->
<script src="https://cdn.cookielaw.org/consent/tcf.stub.js" type="text/javascript" charset="UTF-8"></script>
<script async type="text/javascript" src="https://cdn.cookielaw.org/consent/fa8e4075-063c-4e3e-b3f4-6cd4bcbe9fce/OtAutoBlock.js" ></script>
<script async src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="fa8e4075-063c-4e3e-b3f4-6cd4bcbe9fce" ></script>
<script src="https://cdn.cookielaw.org/opt-out/otCCPAiab.js" type="text/javascript" charset="UTF-8" ccpa-opt-out-geo="ca" ccpa-opt-out-ids="4" ccpa-opt-out-lspa="false"></script>
<script type="text/javascript">
function OptanonWrapper() { }
</script>
<!-- OneTrust Cookies Consent Notice end for paletton.com -->
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- Enable IE9 Standards mode -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Paletton - The Color Scheme Designer</title>
<meta name="description" content="In love with colors, since 2002. A designer tool for creating color combinations that work together well. Formerly known as Color Scheme Designer. Use the color wheel to create great color palettes.">
<meta name="keywords" content="color, scheme, wheel, color wheel, theory, color theory, colorwheel, design, designer, palette, colorize, colorset, RYB, RGB, web, colors, webcolors, safecolors, blind, blindness, simulation, protanopy, protanopia, deuteranopy, deuteranopia, tritanopy, tritanopia, daltonism, live, preview, pixy, barvy, barevn�, m�ch�tko">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32.png">
<link rel="icon" type="image/png" sizes="128x128" href="img/favicon-128.png">
<link rel="apple-touch-icon" type="image/png" sizes="128x128" href="img/favicon-128.png">
<link rel="image_src" href="img/paletton-preview-20140414.png">
<link rel="canonical" href="https://paletton.com" />
<link rel="stylesheet" type="text/css" href="css/jqui/jquery-ui-1.10.4.custom.css">
<link rel="stylesheet" type="text/css" href="css/css/default2.min.css?v=20230302">
<link rel="stylesheet" type="text/css" href="css/css/responsive.css?v=2">
<!-- OneTrust Cookies Consent Notice start -->
<!--<script src="https://cdn.cookielaw.org/consent/0bd03cd2-b6e9-46b6-8759-aa6e795985d6.js" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
function OptanonWrapper() { }
</script>-->
<!-- OneTrust Cookies Consent Notice end -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TQW4RL7');</script>
<!-- End Google Tag Manager -->
<script type="text/javascript" async src="//cdn.adapex.io/hb/aaw.plt-2.js"></script>
<script src="https://btloader.com/tag?o=5709550879506432&upapi=true" async></script>
<script type="text/javascript">
// globals init
var browserInfo = {
isOpera: !!window.opera,
adBlockActive: false,
geo: {}
};
var GATrackLink = function(url,spot) {
console.log(url);
ga('send', 'event', 'outbound', 'click-'+spot, url, {
'transport': 'beacon',
'hitCallback': function(){document.location = url;}
});
}
</script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TQW4RL7"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="reklambox" id="google-dfp-top">
<div data-aaad='true' data-aa-adunit='/21794835430/PALET_1_970v'></div>
<div data-aaad='true' data-aa-adunit='/21794835430/PALET_mob_320v'></div>
</div>
<div id="preload">
<img src="/img/wheel-over.png" width="0" height="0"/>
</div>
<div id="app">
<div id="header">
<div class="inner">
<div class="logo"></div>
<div class="tbr">
<div class="likes">
<div class="likesbox addthis_inline_share_toolbox_1ozj"></div>
</div>
<div class="lang"></div>
<div class="envato-link"><span class="control control-button"><a id="Envato Text Link" onclick="c(this);" data-href="https://elements.envato.com/lp/design/?utm_source=media-buying&utm_medium=banner-mb&utm_campaign=elements_mb_paletton.com_text&utm_content=text" class="button" rel="nofollow" href="javascript:void(0);">
<span class="label">Browse 1 Million Design Assets (NEW)</span></a></span></div>
<div class="promo">
<a class="box1" href="#"></a>
<a class="box2" href="#"></a>
<a class="box3" href="#"></a>
<a class='box4' href="/cookiesettings.html" target="_blank">cookie settings</a>
</div>
</div>
</div>
</div><!-- /header -->
<div id="content">
<!-- Onload tests -->
<div id="passivecontent">
<h1>Paletton, the color scheme designer</h1>
<h4>In love with colors, since 2002.</h4>
<ol class="toc">
<li><a id="part-1" href="/index.html">Paletton application</a></li>
<li><a id="part-2" href="/wiki/">Colorpedia</a></li>
<li><a id="part-3" href="/wiki/index.php?title=Paletton_version_history">About Paletton</a></li>
<li><a id="part-3" href="/wiki/index.php?title=Paletton_version_history">About Paletton</a></li>
</ol>
<p>
Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview style can be chosen to test and view the colors in combinations, many examples are available to see the palette used in web site design, UI design or in a randomly drawn picture. Tartan fabric preview is alos available for those interested in textile and interior design.
</p>
<p>
This palette tool uses various color models to combine adjacent colors and/or complementary colors to the main hue. Select models from monochromatic to triad or tetrad color sets, with or without a complement (the opposite hue), enjoy even the free-style mode. Play with palette brightness and saturation, select from predefined presets, or create random palettes. The unique vision simulation filter emulates the palette as seen by people with various vision weakness, color blindness, various variants of daltonism (protanopy, deuteranopy, tritanopy, protanomaly, deuteranomaly, tritanomaly, dyschromatopsia or achromatopsia), as well as several gamma simulations (simulation of too bright display or too dark print), desaturation, grayscale conversion or webcolors (the legacy 216-color palette). The palette can be exported in many various formats (HTML, CSS, LESS, XML, text, PNG image, Photoshop ACO swatch palette or Gimp GPL palette format) to colorize your artwork. Check color contrast of all color pairs used in the palette and test if the color contrast fits WCAG requirements. More info about colors in the <a href="/wiki/">Colorpedia</a>.
</p>
<p>
Paletton is the successor of the previous <a href="http://colorschemedesigner.com/csd-3.5/">Color Scheme Designer 3</a> application, used by almost 20 milion visitors since 2009 (while the first version was published in 2002), both professional designers and amateurs interested in design, mobile or desktop application design or web design, interior design, fashion or home improvement and make-overs. Complete <a href="/wiki/index.php?title=Paletton_version_history">Paletton history in Colorpedia</a>.
</p>
</div>
<div id="jstest">
No Javascript detected. Javascript is required for this application.
</div>
<script type="text/javascript">
var e = document.getElementById('passivecontent');
e.style.display = 'none';
e = document.getElementById('jstest');
e.innerHTML = '';
e.className = 'loading';
</script>
<div id="csstest" style="display:none"></div>
<!-- /tests -->
</div><!-- /content -->
<div id="footer">
<div id="article">
<h2>1. How To Use Paletton</h2>
<p>Whether you’re a <b>professional designer</b>, a starting artist or just a curious beginner in the world of art and <b>design, Paletton</b> is here to help you with all your <b>color palette</b> needs.</p>
<p>You don’t need to know the ins and outs of <b>color</b> theory in order to use <b>Paletton’s</b> unique and <b>easy color wheel</b>. All you need to do is choose the <b>basic color</b> you are interested in exploring, and get inspired.</p>
<p>All of the <b>color combinations</b> and <b>schemes</b> are here for you, don’t be scared to try different <b>variations</b>, experiment and play with whatever you see in front of you. Most of our users prefer to get lost in the process and get inspired by new and different ideas than the ones they originally intended.</p>
<p>Make sure to experiment with our unique <b>color scheme designer</b> and <b>color scheme generator</b>, in order to get the full <b>Paletton</b> experience. First, test out our <b>color wheel picker</b>, then you can play around with the various <b>color palettes</b> and work on fine tuning your vision down to the tiniest detail.</p>
<p>If you’re feeling uninspired and need a little dusting off, try working with our <b>color wheel</b>, create new <b>color palettes</b> and <b>color combinations</b> and see what’s most appealing to your eyes as you go along. Don’t stay too attached to a certain idea. Oftentimes the best ideas and sparks of inspiration come out of the blue. Use our <b>complementary color wheel</b> as your own personal guide and let it lead you. Remember, you can always reset your progress or hit our <b>randomize button</b> for more inspiration.</p>
<h2>2. Explore New Colors With Our Complementary Color Wheel</h2>
<p>As you probably know, a <b>color scheme</b> is a selection of <b>colors</b> that are used for various artistic and <b>design</b> needs. For example, let’s say you are working on <b>designing</b> a <b>website</b> for your business. You want the website to be user friendly, easy to look at, and help your visitors understand your brand in the best way possible. One of the best ways to do that is by choosing the right <b>colors</b>. Whether it’s young and vibrant tones, or <b>Achromatic</b>, the choice is yours. With <b>Paletton</b>, you can see all the <b>different color palettes</b> you can experiment with, and choose the best <b>color palettes</b> to match your artistic vision.</p>
<p>The right <b>color aesthetic</b> will bring a sense of ease to your site, it will allow all the information you’ve worked so hard on and <b>design</b> choices to organically flow together in harmony. Instead of boring your visitors with regular <b>black and white design</b>, the addition of an interesting <b>color palette</b> makes sure your vision shines brighter than your competitors, and brings out your ideas in the best of ways. Plus, most users testify to come back for a second visit if a website is properly <b>designed</b> and easy to look at.</p>
<h2>3. Everyone Can Use The Paletton Color Wheel</h2>
<p><b>Paletton</b> is not just a professional’s <b>tool</b>, it was <b>designed</b> to help all sorts of <b>color projects</b>, from professional work to your kids school projects. <b>Paletton</b> could help you design your next knitting project, find the best <b>color combination</b> for your mother’s next birthday card or even help you paint that kitchen just the way you like it.</p>
<p>When working with <b>colors</b>, it is important to do all you can do in order to <b>match</b> them up correctly. While most people struggle to do that off the top of their heads, <b>Paletton</b> does the matching for you.</p>
<p>Use our unique <b>complementary color wheel</b> and find out the <b>colors</b> that match your own personal needs just the way you want it.</p>
<p>Do you have a kitchen cabinet that you just adore but don’t know which <b>colors</b> will help make it stand out? Just find the color on our <b>color wheel</b> and let our system match you with the best color scheme for your kitchen.</p>
<p>But don’t just stop there, like we said before, oftentimes the best ideas come from the strangest places. Maybe pick a certain object you like in your kitchen, it could even be that special salt shaker you got on your last vacation, and see what <b>colors match</b> it. You would be surprised to see the outcome.</p>
<p>Now that you’ve picked out your preferable <b>color scheme</b>, your next trip to the art and paint store would be so much easier, thanks to having your own preferable options.</p>
<h2>4. A Tip on How To Use The Paletton Color Scheme</h2>
<p>Remember, once you find your <b>color scheme</b>, try to work with it and not against it. If the <b>color scheme</b> you’ve picked doesn’t go with more than a few objects you need to add to the room/project, it’s time to find a <b>new color palette</b>. With <b>Paletton</b>, this process is as easy as can be, so don’t be afraid of changing your options along the way.</p>
<h2>5. Paletton - Teaching You How to Work with Color Schemes</h2>
<p><b>Paletton</b> can also be used as a learning tool for students. If you are learning <b>design</b>, art or even photography, <b>Paletton</b> can be of great use.</p>
<p>Make sure you pick up the correct <b>colors</b> that are on your vision board, and find new and interesting <b>tones</b>, <b>shades</b> and <b>schemes</b> that can help you elevate your work.</p>
<p>While the process can seem a bit confusing at first, once you have a specific <b>color</b> in mind, the rest is fairly simple. Don’t be afraid of experimenting, making mistakes, and matching again and again until you find your perfect choice.</p>
<p>By hovering with your <b>cursor</b> on top of the <b>colors</b> you’ve picked, you will see the <b>codes</b> of each <b>color</b>, helping you translate your <b>pallets</b> into your own system. If you are looking for more information on a specific <b>color</b>, just click on the color and a new window will pop up with information such as <b>RGB [hex], RGB [0–255], RGB [0–100%], Hue (RYB), Luminosity [0–100%], Rel. Luminosity by WCAG and LAB</b>.</p>
<p>These <b>tools</b> will help you perfect your vision, translate into a specific <b>code</b> or screen directions, and make sure that all of your hard work matching and picking your perfect <b>color scheme</b>, doesn’t go to waste.</p>
</div>
<br>
<p class="copy" style="display: none">
� Paletton.com <small>by <a href="http://pixy.cz/index-en.html">Petr Stan�cek</a></small>
</p>
<!--
<p class="copy-ad">
Wellstyled UX blog: <a href="http://wellstyled.com/en/ux-grid-preset-filtering/">Large tables filtering using presets</a>
</p>
-->
<p>
<span class="versions"></span>
<span class="contact"></span>
<span><a href="/privacy-policy.pdf" target="_blank">Privacy Policy</a> </span>
<span><a href="/cookie-policy.pdf" target="_blank">Cookie Policy</a> </span>
<!-- OneTrust Cookies Settings button start -->
<!-- <button id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie Settings</button>-->
<!-- OneTrust Cookies Settings button end -->
<span><a href="/advertise" target="_blank">Advertise</a> </span>
</p>
</div><!-- /footer -->
<!--<div class="reklambox reklambox-top" id="reklambox-top-left">--> <!-- Ad block TOP LEFT box -->
<!-- Wix box -->
<!--<a class="wix-box-2" target="_blank" href="https://www.wix.com/eteamhtml/hiker-create-1?utm_source=media_buying&utm_medium=paid_referral&utm_campaign=ma_paletton.com&experiment_id=Textbox"></a>-->
<!-- /Wix box -->
<!-- </div>-->
<!--<div class="reklambox reklambox-top" id="reklambox-top-right-wix-box">--> <!-- Ad block TOP LEFT box -->
<!-- Wix box -->
<!--<a class="wix-box" target="_blank" href="https://www.wix.com/eteamhtml/hiker-create-1?utm_source=media_buying&utm_medium=paid_referral&utm_campaign=ma_paletton.com&experiment_id=Textbox"></a>-->
<!-- /Wix box -->
<!--</div>-->
<!--<div class="reklambox w160xxx" id="reklambox-col-left"> <!– Ad block LEFT column –>
<!– Envato column –>
<a class="envato-column" href=" https://elements.envato.com/lp/design/?utm_source=media-buying&utm_medium=banner-mb&utm_campaign=elements_mb_paletton.com&utm_content=120x654_design" onclick="GATrackLink(this.href,'left-col-envato');return false"></a>
<!– /Envato column –>
</div>-->
<div class="reklambox" id="reklambox-col-left-dfp"> <!-- Ad block LEFT column -->
<div data-aaad='true' data-aa-adunit='/21794835430/PALET_2_120X654_Right'></div>
<div data-aaad='true' data-aa-adunit='/21794835430/PALET_2_300v'></div>
</div>
<!--<div class="reklambox reklambox-top reklambox-top-full" id="reklambox-top-right">--> <!-- Ad block TOP RIGHT box -->
<!-- Wix column -->
<!--<a class="wix-column" href="https://www.wix.com/eteamhtml/hiker-create-1?utm_source=media_buying&utm_medium=paid_referral&utm_campaign=ma_paletton.com&experiment_id=160x600"
target="_blank"></a>-->
<!-- /Wix column -->
<!--</div>-->
<div class="reklambox" id="reklambox-top-right-dfp"> <!-- Ad block TOP RIGHT box -->
<div data-aaad='true' data-aa-adunit='/21794835430/PALET_2_120X654_Left'></div>
<!--<div data-aaad='true' data-aa-adunit='/21794835430/PALET_2_120X654_Right'>
</div>-->
<div data-aaad='true' data-aa-adunit='/21794835430/PALET_1_300v'></div>
<!--<br>
<div data-aaad='true' data-aa-adunit='/21794835430/PALET_2_300v'></div>-->
</div>
<div class="reklambox" id="reklambox-bottom">
<!--
<script src="//m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
<div class="native-ad"></div>
-->
<!--
<script>
(function(){
if(typeof _bsa !== 'undefined' && _bsa) {
_bsa.init('default', 'CKYDEK3M', 'placement:palettoncom', {
target: '.native-ad',
align: 'horizontal',
disable_css: 'true'
});
}
})();
</script>
-->
<div id="adblock-info">
This is just a hobby project, but it requires investments to keep it alive and improve. Displaying advertisement is the only profit this site provides. Please consider NOT using ad-blocking software on this site. Or, if you prefer to, you can donate using the link on the right. Thanks for supporting our project.
</div>
<script type="text/javascript">
if (!browserInfo.adBlockActive) {
var e = document.getElementById('adblock-info');
if (e) e.remove();
}
</script>
<div class="donate">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="HNDU5UVZB7ZZ8">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<!-- Related:� -->
<!-- Wix -->
<!--
<span class="spot">
<a href="http://www.wix.com/eteamhtml/templates-us?utm_campaign=ma_paletton.com&experiment_id=ma_paletton.com_TLFWT_templates-us">Free Website Templates</a>
</span>
<span class="spot">
<a href="http://www.wix.com/eteamhtml/900flip?utm_campaign=ma_paletton.com&experiment_id=ma_paletton.com_TLCYW_900flip">Create Your Website</a>
</span>
-->
<!-- // -->
</div>
<div class="reklambox" id="google-dfp-bottom">
<div data-aaad='true' data-aa-adunit='/21794835430/PALET_2_970v'></div>
<div data-aaad='true' data-aa-adunit='/21794835430/PALET_mob_336_1'></div>
</div>
</div> <!-- /app -->
<!--[if lt IE 9]>
<script type="text/javascript">
browserInfo.isOldIE = true;
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<![endif]-->
<!--[if (gte IE 9) | (!IE)]><!-->
<script type="text/javascript" src="js/lib/jquery.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.observehashchange.js"></script>
<script type="text/javascript" src="js/lib/jquery.cookie.js"></script>
<!--<![endif]-->
<!-- Load default language -->
<script type="text/javascript" src="js/lang/en.js"></script>
<script type="text/javascript" src="js/lib/require.js" data-main="js/app.compiled.js"></script>
<!-- <script type="text/javascript" src="js/lib/require.js" data-main="js/compiled.js/app.js"></script> -->
<!-- TradeDoubler site verification 3071039 -->
<!-- Google Analytics -->
<script type="text/javascript" class="optanon-category-2">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
/*
ga('create', 'UA-1465350-8', 'paletton.com' , {'name': 'old'});
ga('old.require', 'displayfeatures');
ga('old.send', 'pageview');
*/
ga('create', 'UA-51179325-1', 'paletton.com');
ga('require', 'displayfeatures');
</script>
<!-- /Google Analytics -->
<script>
function c(a){
if(ga !== undefined && typeof ga === "function"){
ga('send', 'event', 'toolbar', 'Click', a.id);
}
window.open(a.dataset.href,'_blank');}
</script>
<script>
let width = $(window).width();
//console.log(width, 111);
if(width < 480) {
$("div[data-aa-adunit='/21794835430/PALET_1_970v']").remove();
$("div[data-aa-adunit='/21794835430/PALET_2_120X654_Left']").remove();
$("div[data-aa-adunit='/21794835430/PALET_1_300v']").remove();
$("div[data-aa-adunit='/21794835430/PALET_2_120X654_Right']").remove();
$("div[data-aa-adunit='/21794835430/PALET_2_300v']").remove();
$("div[data-aa-adunit='/21794835430/PALET_2_970v']").remove();
} else if(width > 1600){
$("div[data-aa-adunit='/21794835430/PALET_mob_320v']").remove();
$("div[data-aa-adunit='/21794835430/PALET_mob_336_1']").remove();
$("div[data-aa-adunit='/21794835430/PALET_2_120X654_Right']").remove();
$("div[data-aa-adunit='/21794835430/PALET_2_120X654_Left']").remove();
} else {
$("div[data-aa-adunit='/21794835430/PALET_mob_320v']").remove();
$("div[data-aa-adunit='/21794835430/PALET_mob_336_1']").remove();
$("div[data-aa-adunit='/21794835430/PALET_1_300v']").remove();
$("div[data-aa-adunit='/21794835430/PALET_2_300v']").remove();
}
</script>
</body>
</html>