HOME

5h-3LL 1.0
DIR: /srv/http/vyvoj.adent.cz/vyvoj/afis/img/_zdroje
/srv/http/vyvoj.adent.cz/vyvoj/afis/img/_zdroje/
Current File : /srv/http/vyvoj.adent.cz/vyvoj/afis/img/_zdroje/Paletton - The Color Scheme Designer.htm
<!DOCTYPE html>
<html lang="en"><head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<!-- Enable IE9 Standards mode -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<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="http://www.paletton.com/img/favicon-16.png">
	<link rel="icon" type="image/png" sizes="32x32" href="http://www.paletton.com/img/favicon-32.png">
	<link rel="icon" type="image/png" sizes="128x128" href="http://www.paletton.com/img/favicon-128.png">
	<link rel="apple-touch-icon" type="image/png" sizes="128x128" href="http://www.paletton.com/img/favicon-128.png">
	<link rel="image_src" href="http://www.paletton.com/img/paletton-preview-20140414.png">

	<link rel="stylesheet" type="text/css" href="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/jquery-ui-1.css">
	<link rel="stylesheet" type="text/css" href="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/default.css">


<script src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/ca-pub-0771264873734436.js"></script><script async="" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/analytics.js"></script><script type="text/javascript">
// globals init
	var browserInfo = {
		isOpera: !!window.opera,
		adBlockActive: true
		};
	var ad_slots = {};
</script>

<!--[if lt IE 9]>
	<script type="text/javascript">
		browserInfo.isOldIE = true;
	</script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<![endif]-->
<!--[if (gte IE 9) | (!IE)]><!-->
	<script type="text/javascript" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/jquery.js"></script>
	<script type="text/javascript" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/jquery-ui-1.js"></script>
	<script type="text/javascript" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/jquery_003.js"></script>
	<script type="text/javascript" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/jquery_002.js"></script>
	
<!--<![endif]-->

<!-- Load ads support -->
	<script type="text/javascript" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/ads.js"></script>

<!-- Load default language -->
	<script type="text/javascript" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/en.js"></script>




	<script type="text/javascript" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/require.js" data-main="js/app.compiled.js"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="app.compiled" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/app.js"></script>
<!-- 	<script type="text/javascript" src="js/lib/require.js" data-main="js/compiled.js/app.js"></script> -->




<script type="text/javascript">

	var addthis_config = {
		"data_track_addressbar": false,
		"data_track_clickback": false,
		"ui_click": true,
		"ui_use_css": true,
	//	"ui_language": --- set in app.core after language is loaded
		"services_exclude": "print",
		"data_ga_property": "UA-51179325-1",
		"data_ga_social": true
		};
</script>

<script type="text/javascript" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/addthis_widget.js"></script>


</head>

<body>

	<div id="app">

<!--
		<div id="survey" style="display:none; position: absolute; left:0;top:0;bottom:0;right:0;z-index:9999999;background:rgba(0,0,0,0.85);color:#fff;padding:100px 50px;text-align:center;font-size: 24px;">
			<h2 style="font-size: 250%">Survey</h2>
			<p>Please help us make Paletton even better. Take this</p>
			<a style="font-size:150%;color:#ffc;" href="#" onclick="surveyOpen(); return false">1-minute Paletton Users Survey</a>
			<p>Thank you.</p>
			<p style="margin-top: 5em;font-size: 67%"><a href="#" onclick="surveyHide(); return false">No thanks, maybe next time.</a></p>
		</div>

<script type="text/javascript">
	var sc1 = $.cookie('Paletton'), sc2 = $.cookie('PalettonSurvey');
	if (sc1 && !sc2) {
		setTimeout(function(){
			$('#survey').fadeIn()
			}, 1500 )
		}
	function surveyOpen() {
		window.open('https://surveyplanet.com/5767f0a826f371f8547b73e1');
		$.cookie('PalettonSurvey',1,{ expires:90, path:'/' });
		surveyHide();
		}
	function surveyHide() {
		$('#survey').remove();
		}
</script>
-->

		<div id="header">

			<div class="inner">
				<div class="logo"></div>
				<div class="tbr">
					<div class="likes">
						Like it? &nbsp;▾<div class="likesbox">
							<a class="addthis_button_facebook_like at300b" fb:like:layout="button_count" addthis:url="http://paletton.com"></a>
							<a class="addthis_button_tweet at300b" addthis:url="http://paletton.com"></a>
							<a class="addthis_button_google_plusone at300b" g:plusone:size="medium" addthis:url="http://paletton.com"></a>
							<a class="addthis_counter addthis_pill_style at300b" addthis:url="http://paletton.com"></a>
						</div>
					</div>
					<div class="lang"><span class="control control-lang"><span class="control control-button"><a class="button" href="#"><span class="label">English&nbsp;&nbsp;▾</span></a></span></span></div>
					<div class="promo">
						<a class="box1 on" href="#" title="The Paletton Live Colorizer allows you to use the Paletton engine within your own projects.">Paletton Live Colorizer</a>
						<a class="box2 off" href="#" title="Mobile applications are not available yet, the development is scheduled.">Mobile <span class="note">[scheduled]<span></span></span></a>
						<a class="box3 off" href="#" title="More apps and plugins are not available yet, the development is scheduled.">More apps <span class="note">[scheduled]<span></span></span></a>
					</div>
				</div>

			</div>

		</div><!-- /header -->

		<div id="content"><div id="menu"><span class="control control-button undo"><a class="button" href="#"><span class="label">&lt; Undo</span></a></span><span class="control control-button redo disabled"><a class="button" href="#"><span class="label">Redo &gt;</span></a></span><span class="control control-button reset"><a class="button" href="#"><span class="label">Reset</span></a></span><span class="control control-button randomize"><a class="button" href="#"><span class="label">Randomize…</span></a></span><span class="control control-button about"><a class="button" href="#"><span class="label">More Info &nbsp;▾</span></a></span></div><div id="panebox-l" class="panebox"><div class="pane pane-model"><div class="pane pane-content pane-content-model"><div class="control control-model-inline"><a href="#" class="model model-mono"><span class="ico ico-model ico-model-mono"></span></a><a href="#" class="model model-analog"><span class="ico ico-model ico-model-analog"></span></a><a href="#" class="model model-triad selected"><span class="ico ico-model ico-model-triad"></span></a><a href="#" class="model model-tetrad"><span class="ico ico-model ico-model-tetrad"></span></a><a href="#" class="model model-free"><span class="ico ico-model ico-model-free"></span></a><div class="info"><div class="desc">Triad (3-colors)</div><div class="note" style="display: none;"></div><a class="control control-checkbox"><span class="ico ico-checkbox"></span><span class="label">add complementary</span></a></div></div></div></div><div class="pane pane-wheel"><a href="#" class="pane-tab pane-tab-wheel sel">Colors</a><div class="pane pane-content pane-content-wheel"><div class="control control-btnedit btn-hue"><a class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" href="#" role="button" aria-disabled="false"><span class="ui-button-text"><span class="label">Hue: </span><span class="value">232</span><span class="label">°</span></span></a></div><span class="control control-button btn-hue-opo"><a class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" href="#" role="button" aria-disabled="false"><span class="ui-button-text"><span class="label">opposite</span></span></a></span><div class="control control-btnedit btn-dist"><a class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" href="#" role="button" aria-disabled="false"><span class="ui-button-text"><span class="label">Dist: </span><span class="value">30</span><span class="label">°</span></span></a></div><span class="control control-button btn-dist-def disabled"><a class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" href="#" role="button" aria-disabled="false"><span class="ui-button-text"><span class="label">default: 30°</span></span></a></span><div class="control control-btnedit btn-rgb"><a class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" href="#" role="button" aria-disabled="false"><span class="ui-button-text"><span class="label">Base RGB: </span><span class="value">0E6DE7</span><span class="label"></span></span></a></div><span class="control control-button btn-adj"><a class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" href="#" role="button" aria-disabled="false"><span class="ui-button-text"><span class="label">Fine Tune…</span></span></a></span><div class="control control-wheel" style="width: 400px; height: 400px;"><div class="wheel-bgcol" style="background: rgb(14, 81, 167) none repeat scroll 0% 0%;"></div><div class="wheel-tile tile-1"></div><div class="wheel-tile tile-2"></div><div class="wheel-tile tile-3"></div><div class="wheel-tile tile-4"></div><div class="clickable over" style="width: 400px; height: 400px; position: relative; z-index: 1;"><div class="infopane" style="display: block;">Hold Shift to move shades individually</div><div class="switch" style="display: block;"><div class="control-wheelswitch "><span class="colors" style="display: none;"><span class="control control-button col btn-pri"><a class="button" href="#" style="background: rgb(14, 109, 231) none repeat scroll 0% 0%;"><span class="label"></span></a></span><span class="control control-button col btn-sec1"><a class="button" href="#" style="background: rgb(255, 201, 0) none repeat scroll 0% 0%;"><span class="label"></span></a></span><span class="control control-button col btn-sec2"><a class="button" href="#" style="background: rgb(255, 95, 0) none repeat scroll 0% 0%;"><span class="label"></span></a></span></span><span class="control control-button lock"><a class="button" href="#"><span class="label ico ico-lock"></span></a></span></div></div></div><div class="control control-dot pri" title="Primary color" style="position: absolute; width: 17px; height: 17px; z-index: 99; display: none; left: 81px; top: 277px; opacity: 1;"></div><div class="control control-dot compl" title="Complement color" style="position: absolute; width: 17px; height: 17px; z-index: 99; opacity: 0.67; left: 330px; top: 191px; display: none;"></div><div class="control control-dot sec" title="Secondary color" style="position: absolute; width: 17px; height: 17px; z-index: 99; display: none; left: 329px; top: 172px; opacity: 1;"></div><div class="control control-dot sec" title="Secondary color" style="position: absolute; width: 17px; height: 17px; z-index: 99; display: none; left: 243px; top: 62px; opacity: 1;"></div><div class="control control-variator" style="position: absolute; left: 101px; top: 101px; width: 200px; height: 200px;"><div class="control control-dot small pri" title="" style="position: absolute; width: 13px; height: 13px; z-index: 99; opacity: 1; left: 145px; top: 24px;"></div><div class="control control-dot small sec sec1" title="" style="position: absolute; width: 13px; height: 13px; z-index: 98; opacity: 0.67; left: 46px; top: 17px;"></div><div class="control control-dot small sec sec2" title="" style="position: absolute; width: 13px; height: 13px; z-index: 98; opacity: 0.67; left: 104px; top: 10px;"></div><div class="control control-dot small sec sec3" title="" style="position: absolute; width: 13px; height: 13px; z-index: 98; opacity: 0.67; left: 171px; top: 56px;"></div><div class="control control-dot small sec sec4" title="" style="position: absolute; width: 13px; height: 13px; z-index: 98; opacity: 0.67; left: 179px; top: 118px;"></div></div></div></div></div><div class="pane pane-presets"><a href="#" class="pane-tab pane-tab-presets">Presets</a><div class="pane pane-content pane-content-presets" style="display: none;"></div></div></div><div id="panebox-r" class="panebox"><div class="pane pane-palette"><div class="pane pane-content pane-content-palette"><div class="control-palette big no-compl"><table><tbody><tr><td class="bgcol-pri-0 span2" style="background: rgb(14, 109, 231) none repeat scroll 0% 0%;" title="0E6DE7" col-data="0E6DE7"><span class="var var-1 bgcol-pri-1" style="background: rgb(172, 200, 236) none repeat scroll 0% 0%;" title="ACC8EC" col-data="ACC8EC"></span><span class="var var-2 bgcol-pri-2" style="background: rgb(73, 140, 227) none repeat scroll 0% 0%;" title="498CE3" col-data="498CE3"></span><span class="var var-3 bgcol-pri-3" style="background: rgb(4, 71, 157) none repeat scroll 0% 0%;" title="04479D" col-data="04479D"></span><span class="var var-4 bgcol-pri-4" style="background: rgb(1, 37, 83) none repeat scroll 0% 0%;" title="012553" col-data="012553"></span></td><td class="bgcol-sec1-0" style="background: rgb(255, 201, 0) none repeat scroll 0% 0%;" title="FFC900" col-data="FFC900"><span class="var var-1 bgcol-sec1-1" style="background: rgb(255, 239, 179) none repeat scroll 0% 0%;" title="FFEFB3" col-data="FFEFB3"></span><span class="var var-2 bgcol-sec1-2" style="background: rgb(255, 215, 65) none repeat scroll 0% 0%;" title="FFD741" col-data="FFD741"></span><span class="var var-3 bgcol-sec1-3" style="background: rgb(239, 188, 0) none repeat scroll 0% 0%;" title="EFBC00" col-data="EFBC00"></span><span class="var var-4 bgcol-sec1-4" style="background: rgb(126, 99, 0) none repeat scroll 0% 0%;" title="7E6300" col-data="7E6300"></span></td><td class="bgcol-sec2-0" style="background: rgb(255, 95, 0) none repeat scroll 0% 0%;" title="FF5F00" col-data="FF5F00"><span class="var var-1 bgcol-sec2-1" style="background: rgb(255, 207, 179) none repeat scroll 0% 0%;" title="FFCFB3" col-data="FFCFB3"></span><span class="var var-2 bgcol-sec2-2" style="background: rgb(255, 136, 65) none repeat scroll 0% 0%;" title="FF8841" col-data="FF8841"></span><span class="var var-3 bgcol-sec2-3" style="background: rgb(239, 89, 0) none repeat scroll 0% 0%;" title="EF5900" col-data="EF5900"></span><span class="var var-4 bgcol-sec2-4" style="background: rgb(126, 47, 0) none repeat scroll 0% 0%;" title="7E2F00" col-data="7E2F00"></span></td></tr></tbody></table></div></div><div class="pane pane-content pane-content-palette-desc">My Palette:</div><div class="pane pane-content pane-content-palette-share"><span class="control control-share "><a href="#">Share palette&nbsp;&nbsp;▸</a></span></div></div><div class="pane pane-examples"><a href="#" class="pane-tab pane-tab-examples unselectable">Examples…</a></div><div class="pane pane-colorlist"><a href="#" class="pane-tab pane-tab-colorlist unselectable">Tables / Export…</a></div><div class="pane pane-preview"><a href="#" class="pane-tab pane-tab-preview sel">Preview&nbsp;&nbsp;▾</a><div class="pane pane-content pane-convert-preview"><div class="control control-convert"><span class="control control-button"><a class="button" href="#">Vision simulation &nbsp;▾</a></span></div></div><iframe class="pane pane-content pane-content-preview" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/default.htm"></iframe></div></div></div><!-- /content -->

		<div id="footer">

			<p class="copy">In love with colors. Since 2002
				© Paletton.com <small>by <a href="http://pixy.cz/index-en.html">Petr Staníček</a></small>
			</p>
			<p>
				<span class="versions"><a href="#">Previous version</a> (Color Scheme Designer 3.5) – <a href="#">Version history</a></span>
				&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;
				<span class="contact">Follow Paletton on &nbsp;<a href="#">Facebook</a> – <a href="#">Twitter</a> – <a href="#">Google+</a> &nbsp;•&nbsp; Email: <a href="mailto:info@paletton.com">info@paletton.com</a></span>
			</p>
			<p>
				My latest web design book: <a href="http://pixy.cz/kniha-dobrydesigner/">Petr Staníček: Dobrý designer to všechno ví!</a> (A Good Designer Knows All Of It!) (Czech only yet.)
			</p>

		</div><!-- /footer -->



<!-- ###################### -->


	<!-- Ad blocks -->



		<div class="reklambox reklambox-top" id="reklambox-top-left">		<!-- Ad block TOP LEFT box -->

			<a class="wix-box" href="http://www.wix.com/eteamhtml/900_create?utm_source=media_buying&amp;utm_medium=paid_referral&amp;utm_campaign=ma_paletton.com&amp;experiment_id=paletton.com%5Etop%5Etextlink-cfswg_900_create"></a> 

		</div>




		<div class="reklambox w160" id="reklambox-col-left">		<!-- Ad block LEFT column -->

<script async="" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/adsbygoogle.js"></script>
<!-- Paletton wide col 160 -->
<ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-0771264873734436" data-ad-slot="6647210859" data-adsbygoogle-status="done"><ins id="aswift_0_expand" style="display:inline-table;border:none;height:600px;margin:0;padding:0;position:relative;visibility:visible;width:160px;background-color:transparent"><ins id="aswift_0_anchor" style="display:block;border:none;height:600px;margin:0;padding:0;position:relative;visibility:visible;width:160px;background-color:transparent"><iframe marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;" height="600" frameborder="0" width="160"></iframe></ins></ins></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!-- <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"></script> -->


<!-- /Google AdSense -->

		</div>




		<div class="reklambox reklambox-top" id="reklambox-top-right" style="display: none;">		<!-- Ad block TOP RIGHT box -->
		</div>



	<!-- Ad block RIGHT column -->

		<div class="reklambox" id="reklambox-col-right" style="display: none;">

<!-- Google AdSense -->
<script type="text/javascript">

	$('#reklambox-col-right').hide();
	$('#reklambox-top-right').hide();

</script>
<!--
<script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"></script>
-->


<!-- /Google AdSense -->

		</div>


		<div class="reklambox" id="reklambox-bottom">

<script async="" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/adsbygoogle.js"></script>
<!-- Paletton - 728x15 text -->
<ins class="adsbygoogle" style="display:inline-block;width:728px;height:15px" data-ad-client="ca-pub-0771264873734436" data-ad-slot="6586678057" data-adsbygoogle-status="done"><ins id="aswift_1_expand" style="display:inline-table;border:none;height:15px;margin:0;padding:0;position:relative;visibility:visible;width:728px;background-color:transparent"><ins id="aswift_1_anchor" style="display:block;border:none;height:15px;margin:0;padding:0;position:relative;visibility:visible;width:728px;background-color:transparent"><iframe marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_1" name="aswift_1" style="left:0;position:absolute;top:0;" height="15" frameborder="0" width="728"></iframe></ins></ins></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

			


<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 name="cmd" value="_s-xclick" type="hidden">
				<input name="hosted_button_id" value="FG9B4ZLTT4E9Y" type="hidden">
				<input src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/btn_donate_SM.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" type="image" border="0">
				<img alt="" src="Paletton%20-%20The%20Color%20Scheme%20Designer_soubory/pixel.gif" height="1" width="1" border="0">
				</form>
			</div>


<!-- 			Related:  -->

<!-- webydo -->
<!--
			<span class="spot">
				<a href="http://dashboard.webydo.com/landingpages/starta.aspx?campaign=colorschemedesigner&utm_source=colorschemedesigne&utm_medium=cpc&utm_content=footer-link&utm_campaign=paletton" rel="nofollow">Design CODE-FREE Websites</a>
			</span>
-->
<!-- // -->

<!-- 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> <!-- /app -->


<!-- Google Analytics -->

<script type="text/javascript">
	(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 -->




<ul class="control control-menu  ui-menu ui-widget ui-widget-content ui-corner-all" style="position: absolute; z-index: 9999; width: auto; min-width: 99px; display: none;" id="ui-id-1" role="menu" tabindex="0"><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-2" class="ui-corner-all" tabindex="-1" role="menuitem">About color schemes</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-3" class="ui-corner-all" tabindex="-1" role="menuitem">Version history</a></li><li class="ui-widget-content ui-menu-divider">-</li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-4" class="ui-corner-all" tabindex="-1" role="menuitem">Paletton on Facebook</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-5" class="ui-corner-all" tabindex="-1" role="menuitem">Paletton on Twitter</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-6" class="ui-corner-all" tabindex="-1" role="menuitem">Paletton on Google+</a></li></ul><ul class="control control-menu menu-preview ui-menu ui-widget ui-widget-content ui-corner-all" style="position: absolute; z-index: 9999; width: auto; min-width: 183px; display: none;" id="ui-id-7" role="menu" tabindex="0"><li class="selected ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-8" class="ui-corner-all" tabindex="-1" role="menuitem">Default</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-9" class="ui-corner-all" tabindex="-1" role="menuitem">Default with text</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-10" class="ui-corner-all" tabindex="-1" role="menuitem">Alternative</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-11" class="ui-corner-all" tabindex="-1" role="menuitem">Alternative with text</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-12" class="ui-corner-all" tabindex="-1" role="menuitem">Circles</a></li><li class="ui-widget-content ui-menu-divider">-</li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-13" class="ui-corner-all" tabindex="-1" role="menuitem">Color Scheme Designer v. 3</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-14" class="ui-corner-all" tabindex="-1" role="menuitem">Color Scheme Generator v. 2</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-15" class="ui-corner-all" tabindex="-1" role="menuitem">Color Scheme Generator v. 1</a></li><li class="ui-widget-content ui-menu-divider">-</li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-16" class="ui-corner-all" tabindex="-1" role="menuitem">Mondrianish mosaic</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-17" class="ui-corner-all" tabindex="-1" role="menuitem">Mondrianish mosaic (empty)</a></li></ul><ul class="control control-menu menu-model ui-menu ui-widget ui-widget-content ui-corner-all" style="position: absolute; z-index: 9999; width: auto; min-width: 40px; display: none;" id="ui-id-18" role="menu" tabindex="0"><li class="selected ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-19" class="ui-corner-all" tabindex="-1" role="menuitem">No vision simulation</a></li><li class="ui-widget-content ui-menu-divider">-</li><li class="ui-menu-item" role="presentation"><a href="#" title="" aria-haspopup="true" id="ui-id-20" class="ui-corner-all" tabindex="-1" role="menuitem"><span class="ui-menu-icon ui-icon ui-icon-carat-1-e"></span>Color blind simulation</a><ul class="ui-menu ui-widget ui-widget-content ui-corner-all" style="display: none;" role="menu" aria-hidden="true" aria-expanded="false"><li class="ui-menu-item" role="presentation"><a href="#" title="Protanopia is a severe type of color vision deficiency caused by the complete absence of red retinal photoreceptors. It is a form of dichromatism in which the subject can only perceive light wavelengths from 400 to 650nm, instead of the usual 700nm. Pure reds cannot be seen, instead appearing black; purple colors cannot be distinguished from blues; more orange-tinted reds may appear as very dim yellows, and all orange-yellow-green shades of too long a wavelength to stimulate the blue receptors appear as a similar yellow hue. It is hereditary, sex-linked, and present in 1% of males." id="ui-id-24" class="ui-corner-all" tabindex="-1" role="menuitem">Protanopia <i>(1 % of men)</i></a></li><li class="ui-menu-item" role="presentation"><a href="#" title="Deuteranopia is a color vision deficiency in which the green retinal photoreceptors are absent, moderately affecting red–green hue discrimination. It is a form of dichromatism in which there are only two cone pigments present. It is likewise hereditary and sex-linked." id="ui-id-25" class="ui-corner-all" tabindex="-1" role="menuitem">Deuteranopia <i>(1 % of men)</i></a></li><li class="ui-menu-item" role="presentation"><a href="#" title="Tritanopia is a very rare color vision disturbance in which there are only two cone pigments present and a total absence of blue retinal receptors. Blues appear greenish, yellows and oranges appear pinkish, and purple colors appear deep red. It is related to Chromosome &quot;7&quot;." id="ui-id-26" class="ui-corner-all" tabindex="-1" role="menuitem">Tritanopia <i>(rare, cca 0,003 % of population)</i></a></li><li class="ui-widget-content ui-menu-divider">-</li><li class="ui-menu-item" role="presentation"><a href="#" title="Protanomaly is a mild color vision defect in which an altered spectral sensitivity of red retinal receptors (closer to green receptor response) results in poor red–green hue discrimination. It is hereditary, sex-linked, and present in 1% of males." id="ui-id-27" class="ui-corner-all" tabindex="-1" role="menuitem">Protanomaly <i>(1 % of men)</i></a></li><li class="ui-menu-item" role="presentation"><a href="#" title="Deuteranomaly, caused by a similar shift in the green retinal receptors, is by far the most common type of color vision deficiency, mildly affecting red–green hue discrimination in 5% of European males. It is hereditary and sex-linked." id="ui-id-28" class="ui-corner-all" tabindex="-1" role="menuitem">Deuteranomaly <i>(5 % of men, 0.4 % of women)</i></a></li><li class="ui-menu-item" role="presentation"><a href="#" title="Tritanomaly is a rare, hereditary color vision deficiency affecting blue–green and yellow–red/pink hue discrimination. Unlike most other forms, it is not sex-linked, it is related to Chromosome &quot;7&quot;." id="ui-id-29" class="ui-corner-all" tabindex="-1" role="menuitem">Tritanomaly <i>(very rare)</i></a></li><li class="ui-widget-content ui-menu-divider">-</li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-30" class="ui-corner-all" tabindex="-1" role="menuitem">Dyschromatopsia (incomplete achromatopsia)</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-31" class="ui-corner-all" tabindex="-1" role="menuitem">Full achromatopsia (unable to see color)</a></li></ul></li><li class="ui-menu-item" role="presentation"><a href="#" title="" aria-haspopup="true" id="ui-id-21" class="ui-corner-all" tabindex="-1" role="menuitem"><span class="ui-menu-icon ui-icon ui-icon-carat-1-e"></span>Desaturate</a><ul class="ui-menu ui-widget ui-widget-content ui-corner-all" style="display: none;" role="menu" aria-hidden="true" aria-expanded="false"><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-32" class="ui-corner-all" tabindex="-1" role="menuitem">Low saturation</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-33" class="ui-corner-all" tabindex="-1" role="menuitem">Almost gray</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-34" class="ui-corner-all" tabindex="-1" role="menuitem">Grayscale</a></li></ul></li><li class="ui-menu-item" role="presentation"><a href="#" title="" aria-haspopup="true" id="ui-id-22" class="ui-corner-all" tabindex="-1" role="menuitem"><span class="ui-menu-icon ui-icon ui-icon-carat-1-e"></span>Gamma simulation</a><ul class="ui-menu ui-widget ui-widget-content ui-corner-all" style="display: none;" role="menu" aria-hidden="true" aria-expanded="false"><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-35" class="ui-corner-all" tabindex="-1" role="menuitem">Lighten: Lousy LED display or light ink print</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-36" class="ui-corner-all" tabindex="-1" role="menuitem">Darken: Weak CRT display or heavy laser print</a></li></ul></li><li class="ui-widget-content ui-menu-divider">-</li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-23" class="ui-corner-all" tabindex="-1" role="menuitem">Web Colors (legacy 216-color palette)</a></li></ul><ul class="control control-menu menu-lang ui-menu ui-widget ui-widget-content ui-corner-all" style="position: absolute; z-index: 9999; width: auto; min-width: 80px; display: none;" id="ui-id-37" role="menu" tabindex="0"><li class="selected ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-38" class="ui-corner-all" tabindex="-1" role="menuitem">EN – English</a></li><li class="ui-menu-item" role="presentation"><a href="#" title="" id="ui-id-39" class="ui-corner-all" tabindex="-1" role="menuitem">CS – Česky</a></li></ul></body></html>