CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="pl" dir="ltr"> <head> <meta charset="UTF-8"> <title>Pomoc:Kolory – Wikipedia, wolna encyklopedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )plwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","styczeń","luty","marzec","kwiecień","maj","czerwiec","lipiec","sierpień","wrzesień","październik","listopad","grudzień"],"wgRequestId":"d4fca424-a345-4790-8eba-39e9b1d5a11e","wgCanonicalNamespace":"Help","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":12,"wgPageName":"Pomoc:Kolory","wgTitle":"Kolory","wgCurRevisionId":75217550,"wgRevisionId":75217550,"wgArticleId":1612462,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Pomoc - edytowanie dla zaawansowanych"],"wgPageViewLanguage":"pl","wgPageContentLanguage":"pl","wgPageContentModel":"wikitext","wgRelevantPageName":"Pomoc:Kolory","wgRelevantArticleId":1612462,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgFlaggedRevsParams":{"tags":{"accuracy":{"levels":1}}}, "wgStableRevisionId":75217550,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"pl","pageLanguageDir":"ltr","pageVariantFallbacks":"pl"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":30000,"wgRelatedArticlesCompat":[],"wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"visual","wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q188465","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile", "model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.gadget.wikiflex":"ready","ext.gadget.infobox":"ready","ext.gadget.hlist":"ready","ext.gadget.darkmode-overrides":"ready","ext.gadget.small-references":"ready","ext.gadget.citation-access-info":"ready","ext.gadget.sprawdz-problemy-szablony":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.flaggedRevs.basic":"ready","mediawiki.codex.messagebox.styles": "ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","ext.scribunto.logs","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.flaggedRevs.advanced","ext.gadget.ll-script-loader","ext.gadget.veKeepParameters","ext.gadget.szablon-galeria","ext.gadget.NavFrame","ext.gadget.citoid-overrides","ext.gadget.maps","ext.gadget.padlock-indicators","ext.gadget.interwiki-langlist","ext.gadget.edit-summaries","ext.gadget.edit-first-section","ext.gadget.map-toggler","ext.gadget.narrowFootnoteColumns","ext.gadget.WDsearch","ext.urlShortener.toolbar","ext.centralauth.centralautologin","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.discussionTools.init","ext.eventLogging", "ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","wikibase.client.vector-2022","ext.checkUser.clientHints","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=pl&modules=ext.cite.styles%7Cext.discussionTools.init.styles%7Cext.flaggedRevs.basic%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cmediawiki.codex.messagebox.styles%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=pl&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=pl&modules=ext.gadget.citation-access-info%2Cdarkmode-overrides%2Chlist%2Cinfobox%2Csmall-references%2Csprawdz-problemy-szablony%2Cwikiflex&only=styles&skin=vector-2022"> <link rel="stylesheet" href="/w/load.php?lang=pl&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Pomoc:Kolory – Wikipedia, wolna encyklopedia"> <meta property="og:type" content="website"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//pl.m.wikipedia.org/wiki/Pomoc:Kolory"> <link rel="alternate" type="application/x-wiki" title="Edytuj" href="/w/index.php?title=Pomoc:Kolory&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (pl)"> <link rel="EditURI" type="application/rsd+xml" href="//pl.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://pl.wikipedia.org/wiki/Pomoc:Kolory"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.pl"> <link rel="alternate" type="application/atom+xml" title="Kanał Atom Wikipedii" href="/w/index.php?title=Specjalna:Ostatnie_zmiany&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="ext-discussiontools-replytool-enabled ext-discussiontools-newtopictool-enabled ext-discussiontools-sourcemodetoolbar-enabled skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-12 ns-subject mw-editable page-Pomoc_Kolory rootpage-Pomoc_Kolory skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Przejdź do zawartości</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Witryna"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menu główne" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Menu główne</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menu główne</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">przypnij</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">ukryj</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Nawigacja </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Wikipedia:Strona_g%C5%82%C3%B3wna" title="Przejdź na stronę główną [z]" accesskey="z"><span>Strona główna</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Specjalna:Losowa_strona" title="Załaduj losową stronę [x]" accesskey="x"><span>Losuj artykuł</span></a></li><li id="n-Kategorie" class="mw-list-item"><a href="/wiki/Portal:Kategorie_G%C5%82%C3%B3wne"><span>Kategorie artykułów</span></a></li><li id="n-Featured-articles" class="mw-list-item"><a href="/wiki/Wikipedia:Wyr%C3%B3%C5%BCniona_zawarto%C5%9B%C4%87_Wikipedii"><span>Najlepsze artykuły</span></a></li><li id="n-FAQ" class="mw-list-item"><a href="/wiki/Pomoc:FAQ"><span>Częste pytania (FAQ)</span></a></li> </ul> </div> </div> <div id="p-zmiany" class="vector-menu mw-portlet mw-portlet-zmiany" > <div class="vector-menu-heading"> Dla czytelników </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-czytelnicy" class="mw-list-item"><a href="/wiki/Wikipedia:O_Wikipedii"><span>O Wikipedii</span></a></li><li id="n-contact" class="mw-list-item"><a href="/wiki/Wikipedia:Kontakt_z_wikipedystami"><span>Kontakt</span></a></li> </ul> </div> </div> <div id="p-edytorzy" class="vector-menu mw-portlet mw-portlet-edytorzy" > <div class="vector-menu-heading"> Dla wikipedystów </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-pierwsze-kroki" class="mw-list-item"><a href="/wiki/Pomoc:Pierwsze_kroki"><span>Pierwsze kroki</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Portal_wikipedyst%C3%B3w" title="O projekcie – co możesz zrobić, gdzie możesz znaleźć informacje"><span>Portal wikipedystów</span></a></li><li id="n-Noticeboard" class="mw-list-item"><a href="/wiki/Wikipedia:Tablica_og%C5%82osze%C5%84"><span>Ogłoszenia</span></a></li><li id="n-Guidelines" class="mw-list-item"><a href="/wiki/Wikipedia:Zasady"><span>Zasady</span></a></li><li id="n-helppage-name" class="mw-list-item"><a href="/wiki/Pomoc:Spis_tre%C5%9Bci"><span>Pomoc</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Specjalna:Ostatnie_zmiany" title="Lista ostatnich zmian w Wikipedii. [r]" accesskey="r"><span>Ostatnie zmiany</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Wikipedia:Strona_g%C5%82%C3%B3wna" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="wolna encyklopedia" src="/static/images/mobile/copyright/wikipedia-tagline-pl.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Specjalna:Szukaj" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Przeszukaj Wikipedię [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Szukaj</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Przeszukaj Wikipedię" aria-label="Przeszukaj Wikipedię" autocapitalize="sentences" title="Przeszukaj Wikipedię [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Specjalna:Szukaj"> </div> <button class="cdx-button cdx-search-input__end-button">Szukaj</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Narzędzia osobiste"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Wygląd"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Zmień rozmiar czcionki, szerokość oraz kolorystykę strony" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Wygląd" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Wygląd</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_pl.wikipedia.org&uselang=pl" class=""><span>Wspomóż Wikipedię</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Specjalna:Utw%C3%B3rz_konto&returnto=Pomoc%3AKolory" title="Zachęcamy do stworzenia konta i zalogowania, ale nie jest to obowiązkowe." class=""><span>Utwórz konto</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Specjalna:Zaloguj&returnto=Pomoc%3AKolory" title="Zachęcamy do zalogowania się, choć nie jest to obowiązkowe. [o]" accesskey="o" class=""><span>Zaloguj się</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Więcej opcji" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Narzędzia osobiste" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Narzędzia osobiste</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menu użytkownika" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_pl.wikipedia.org&uselang=pl"><span>Wspomóż Wikipedię</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Specjalna:Utw%C3%B3rz_konto&returnto=Pomoc%3AKolory" title="Zachęcamy do stworzenia konta i zalogowania, ale nie jest to obowiązkowe."><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Utwórz konto</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Specjalna:Zaloguj&returnto=Pomoc%3AKolory" title="Zachęcamy do zalogowania się, choć nie jest to obowiązkowe. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Zaloguj się</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Strony dla anonimowych edytorów <a href="/wiki/Pomoc:Pierwsze_kroki" aria-label="Dowiedz się więcej na temat edytowania"><span>dowiedz się więcej</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Specjalna:M%C3%B3j_wk%C5%82ad" title="Lista edycji wykonanych z tego adresu IP [y]" accesskey="y"><span>Edycje</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Specjalna:Moja_dyskusja" title="Dyskusja użytkownika dla tego adresu IP [n]" accesskey="n"><span>Dyskusja</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Witryna"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Spis treści" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Spis treści</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">przypnij</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">ukryj</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Początek</div> </a> </li> <li id="toc-Subiektywność_postrzegania" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Subiektywność_postrzegania"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Subiektywność postrzegania</span> </div> </a> <ul id="toc-Subiektywność_postrzegania-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Tabele_kolorów" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Tabele_kolorów"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Tabele kolorów</span> </div> </a> <button aria-controls="toc-Tabele_kolorów-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Przełącz podsekcję Tabele kolorów</span> </button> <ul id="toc-Tabele_kolorów-sublist" class="vector-toc-list"> <li id="toc-Kolory_Wikipedii" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Kolory_Wikipedii"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span> <span>Kolory Wikipedii</span> </div> </a> <ul id="toc-Kolory_Wikipedii-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Kolory_nazywane" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Kolory_nazywane"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2</span> <span>Kolory nazywane</span> </div> </a> <ul id="toc-Kolory_nazywane-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Kolory_bezpieczne_dla_WWW" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Kolory_bezpieczne_dla_WWW"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.3</span> <span>Kolory bezpieczne dla WWW</span> </div> </a> <ul id="toc-Kolory_bezpieczne_dla_WWW-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Gamma" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Gamma"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Gamma</span> </div> </a> <ul id="toc-Gamma-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Składowe_koloru" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Składowe_koloru"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Składowe koloru</span> </div> </a> <ul id="toc-Składowe_koloru-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Zestawienie_kolorów" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Zestawienie_kolorów"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Zestawienie kolorów</span> </div> </a> <button aria-controls="toc-Zestawienie_kolorów-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Przełącz podsekcję Zestawienie kolorów</span> </button> <ul id="toc-Zestawienie_kolorów-sublist" class="vector-toc-list"> <li id="toc-Dane_podstawowe" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Dane_podstawowe"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.1</span> <span>Dane podstawowe</span> </div> </a> <ul id="toc-Dane_podstawowe-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Inne_metody_(profesjonalne)" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Inne_metody_(profesjonalne)"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.2</span> <span>Inne metody (profesjonalne)</span> </div> </a> <ul id="toc-Inne_metody_(profesjonalne)-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Zobacz_też" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Zobacz_też"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Zobacz też</span> </div> </a> <ul id="toc-Zobacz_też-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Przypisy" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Przypisy"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>Przypisy</span> </div> </a> <ul id="toc-Przypisy-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Spis treści" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Przełącz stan spisu treści" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Przełącz stan spisu treści</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">Pomoc</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Kolory</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Przejdź do artykułu w innym języku. Treść dostępna w 37 językach" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-37" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">37 języków</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-als mw-list-item"><a href="https://als.wikipedia.org/wiki/Hilfe:Farbtabelle" title="Hilfe:Farbtabelle – szwajcarski niemiecki" lang="gsw" hreflang="gsw" data-title="Hilfe:Farbtabelle" data-language-autonym="Alemannisch" data-language-local-name="szwajcarski niemiecki" class="interlanguage-link-target"><span>Alemannisch</span></a></li><li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D9%85%D8%B3%D8%A7%D8%B9%D8%AF%D8%A9:%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85_%D8%A7%D9%84%D8%A3%D9%84%D9%88%D8%A7%D9%86" title="مساعدة:استخدام الألوان – arabski" lang="ar" hreflang="ar" data-title="مساعدة:استخدام الألوان" data-language-autonym="العربية" data-language-local-name="arabski" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-azb mw-list-item"><a href="https://azb.wikipedia.org/wiki/%DA%A9%D8%A4%D9%85%DA%A9:%D8%B1%D9%86%DA%AF%D9%84%D8%B1%D8%AF%D9%86_%D8%A7%DB%8C%D8%B3%D8%AA%DB%8C%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%A6%D8%AA%D9%85%DA%A9" title="کؤمک:رنگلردن ایستیفاده ائتمک – South Azerbaijani" lang="azb" hreflang="azb" data-title="کؤمک:رنگلردن ایستیفاده ائتمک" data-language-autonym="تۆرکجه" data-language-local-name="South Azerbaijani" class="interlanguage-link-target"><span>تۆرکجه</span></a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%B8%E0%A6%BE%E0%A6%B9%E0%A6%BE%E0%A6%AF%E0%A7%8D%E0%A6%AF:%E0%A6%B0%E0%A6%99_%E0%A6%AC%E0%A7%8D%E0%A6%AF%E0%A6%AC%E0%A6%B9%E0%A6%BE%E0%A6%B0" title="সাহায্য:রঙ ব্যবহার – bengalski" lang="bn" hreflang="bn" data-title="সাহায্য:রঙ ব্যবহার" data-language-autonym="বাংলা" data-language-local-name="bengalski" class="interlanguage-link-target"><span>বাংলা</span></a></li><li class="interlanguage-link interwiki-be mw-list-item"><a href="https://be.wikipedia.org/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D0%B5%D0%B4%D1%8B%D1%8F:%D0%9A%D0%BE%D0%BB%D0%B5%D1%80%D1%8B" title="Вікіпедыя:Колеры – białoruski" lang="be" hreflang="be" data-title="Вікіпедыя:Колеры" data-language-autonym="Беларуская" data-language-local-name="białoruski" class="interlanguage-link-target"><span>Беларуская</span></a></li><li class="interlanguage-link interwiki-be-x-old mw-list-item"><a href="https://be-tarask.wikipedia.org/wiki/%D0%92%D1%96%D0%BA%D1%96%D0%BF%D1%8D%D0%B4%D1%8B%D1%8F:%D0%9A%D0%BE%D0%BB%D0%B5%D1%80%D1%8B" title="Вікіпэдыя:Колеры – Belarusian (Taraškievica orthography)" lang="be-tarask" hreflang="be-tarask" data-title="Вікіпэдыя:Колеры" data-language-autonym="Беларуская (тарашкевіца)" data-language-local-name="Belarusian (Taraškievica orthography)" class="interlanguage-link-target"><span>Беларуская (тарашкевіца)</span></a></li><li class="interlanguage-link interwiki-br mw-list-item"><a href="https://br.wikipedia.org/wiki/Skoazell:Livio%C3%B9" title="Skoazell:Livioù – bretoński" lang="br" hreflang="br" data-title="Skoazell:Livioù" data-language-autonym="Brezhoneg" data-language-local-name="bretoński" class="interlanguage-link-target"><span>Brezhoneg</span></a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/Wikipedie:Tabulka_barev" title="Wikipedie:Tabulka barev – czeski" lang="cs" hreflang="cs" data-title="Wikipedie:Tabulka barev" data-language-autonym="Čeština" data-language-local-name="czeski" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-da mw-list-item"><a href="https://da.wikipedia.org/wiki/Hj%C3%A6lp:Farver" title="Hjælp:Farver – duński" lang="da" hreflang="da" data-title="Hjælp:Farver" data-language-autonym="Dansk" data-language-local-name="duński" class="interlanguage-link-target"><span>Dansk</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Wikipedia:Farbe" title="Wikipedia:Farbe – niemiecki" lang="de" hreflang="de" data-title="Wikipedia:Farbe" data-language-autonym="Deutsch" data-language-local-name="niemiecki" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-dsb mw-list-item"><a href="https://dsb.wikipedia.org/wiki/Pomoc:Barwy" title="Pomoc:Barwy – dolnołużycki" lang="dsb" hreflang="dsb" data-title="Pomoc:Barwy" data-language-autonym="Dolnoserbski" data-language-local-name="dolnołużycki" class="interlanguage-link-target"><span>Dolnoserbski</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/Help:Using_colours" title="Help:Using colours – angielski" lang="en" hreflang="en" data-title="Help:Using colours" data-language-autonym="English" data-language-local-name="angielski" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/Helpo:Koloroj" title="Helpo:Koloroj – esperanto" lang="eo" hreflang="eo" data-title="Helpo:Koloroj" data-language-autonym="Esperanto" data-language-local-name="esperanto" class="interlanguage-link-target"><span>Esperanto</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/Laguntza:Koloreak" title="Laguntza:Koloreak – baskijski" lang="eu" hreflang="eu" data-title="Laguntza:Koloreak" data-language-autonym="Euskara" data-language-local-name="baskijski" class="interlanguage-link-target"><span>Euskara</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Aide:Couleurs" title="Aide:Couleurs – francuski" lang="fr" hreflang="fr" data-title="Aide:Couleurs" data-language-autonym="Français" data-language-local-name="francuski" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/%EB%8F%84%EC%9B%80%EB%A7%90:%EC%83%89%EC%83%81_%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0" title="도움말:색상 사용하기 – koreański" lang="ko" hreflang="ko" data-title="도움말:색상 사용하기" data-language-autonym="한국어" data-language-local-name="koreański" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-hy mw-list-item"><a href="https://hy.wikipedia.org/wiki/%D5%8E%D5%AB%D6%84%D5%AB%D5%BA%D5%A5%D5%A4%D5%AB%D5%A1:%D4%B3%D5%B8%D6%82%D5%B5%D5%B6%D5%A5%D6%80" title="Վիքիպեդիա:Գույներ – ormiański" lang="hy" hreflang="hy" data-title="Վիքիպեդիա:Գույներ" data-language-autonym="Հայերեն" data-language-local-name="ormiański" class="interlanguage-link-target"><span>Հայերեն</span></a></li><li class="interlanguage-link interwiki-hsb mw-list-item"><a href="https://hsb.wikipedia.org/wiki/Pomoc:Barby" title="Pomoc:Barby – górnołużycki" lang="hsb" hreflang="hsb" data-title="Pomoc:Barby" data-language-autonym="Hornjoserbsce" data-language-local-name="górnołużycki" class="interlanguage-link-target"><span>Hornjoserbsce</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Bantuan:Penggunaan_warna" title="Bantuan:Penggunaan warna – indonezyjski" lang="id" hreflang="id" data-title="Bantuan:Penggunaan warna" data-language-autonym="Bahasa Indonesia" data-language-local-name="indonezyjski" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/Aiuto:Colori" title="Aiuto:Colori – włoski" lang="it" hreflang="it" data-title="Aiuto:Colori" data-language-autonym="Italiano" data-language-local-name="włoski" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-ka mw-list-item"><a href="https://ka.wikipedia.org/wiki/%E1%83%95%E1%83%98%E1%83%99%E1%83%98%E1%83%9E%E1%83%94%E1%83%93%E1%83%98%E1%83%90:%E1%83%A4%E1%83%94%E1%83%A0%E1%83%94%E1%83%91%E1%83%98" title="ვიკიპედია:ფერები – gruziński" lang="ka" hreflang="ka" data-title="ვიკიპედია:ფერები" data-language-autonym="ქართული" data-language-local-name="gruziński" class="interlanguage-link-target"><span>ქართული</span></a></li><li class="interlanguage-link interwiki-kk mw-list-item"><a href="https://kk.wikipedia.org/wiki/%D0%A3%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%A2%D2%AF%D1%81%D1%82%D0%B5%D1%80_%D0%BA%D0%B5%D1%81%D1%82%D0%B5%D1%81%D1%96" title="Уикипедия:Түстер кестесі – kazachski" lang="kk" hreflang="kk" data-title="Уикипедия:Түстер кестесі" data-language-autonym="Қазақша" data-language-local-name="kazachski" class="interlanguage-link-target"><span>Қазақша</span></a></li><li class="interlanguage-link interwiki-sw mw-list-item"><a href="https://sw.wikipedia.org/wiki/Wikipedia:Rangi" title="Wikipedia:Rangi – suahili" lang="sw" hreflang="sw" data-title="Wikipedia:Rangi" data-language-autonym="Kiswahili" data-language-local-name="suahili" class="interlanguage-link-target"><span>Kiswahili</span></a></li><li class="interlanguage-link interwiki-ku mw-list-item"><a href="https://ku.wikipedia.org/wiki/Al%C3%AEkar%C3%AE:Reng" title="Alîkarî:Reng – kurdyjski" lang="ku" hreflang="ku" data-title="Alîkarî:Reng" data-language-autonym="Kurdî" data-language-local-name="kurdyjski" class="interlanguage-link-target"><span>Kurdî</span></a></li><li class="interlanguage-link interwiki-la mw-list-item"><a href="https://la.wikipedia.org/wiki/Auxilium:Colores" title="Auxilium:Colores – łaciński" lang="la" hreflang="la" data-title="Auxilium:Colores" data-language-autonym="Latina" data-language-local-name="łaciński" class="interlanguage-link-target"><span>Latina</span></a></li><li class="interlanguage-link interwiki-lb mw-list-item"><a href="https://lb.wikipedia.org/wiki/H%C3%ABllef:Faarwen" title="Hëllef:Faarwen – luksemburski" lang="lb" hreflang="lb" data-title="Hëllef:Faarwen" data-language-autonym="Lëtzebuergesch" data-language-local-name="luksemburski" class="interlanguage-link-target"><span>Lëtzebuergesch</span></a></li><li class="interlanguage-link interwiki-mi mw-list-item"><a href="https://mi.wikipedia.org/wiki/Whakam%C4%81rama:Ng%C4%81_kano" title="Whakamārama:Ngā kano – maoryjski" lang="mi" hreflang="mi" data-title="Whakamārama:Ngā kano" data-language-autonym="Māori" data-language-local-name="maoryjski" class="interlanguage-link-target"><span>Māori</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/Help:%E8%89%B2%E3%81%AE%E4%BD%BF%E7%94%A8" title="Help:色の使用 – japoński" lang="ja" hreflang="ja" data-title="Help:色の使用" data-language-autonym="日本語" data-language-local-name="japoński" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ce mw-list-item"><a href="https://ce.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8:%D0%91%D0%B5%D1%81%D0%BD%D0%B0%D1%88%D0%B8%D0%B9_%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D0%B0" title="Википеди:Беснаший таблица – czeczeński" lang="ce" hreflang="ce" data-title="Википеди:Беснаший таблица" data-language-autonym="Нохчийн" data-language-local-name="czeczeński" class="interlanguage-link-target"><span>Нохчийн</span></a></li><li class="interlanguage-link interwiki-km mw-list-item"><a href="https://km.wikipedia.org/wiki/%E1%9E%87%E1%9F%86%E1%9E%93%E1%9E%BD%E1%9E%99:Using_colours" title="ជំនួយ:Using colours – khmerski" lang="km" hreflang="km" data-title="ជំនួយ:Using colours" data-language-autonym="ភាសាខ្មែរ" data-language-local-name="khmerski" class="interlanguage-link-target"><span>ភាសាខ្មែរ</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Ajuda:Usando_cores" title="Ajuda:Usando cores – portugalski" lang="pt" hreflang="pt" data-title="Ajuda:Usando cores" data-language-autonym="Português" data-language-local-name="portugalski" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D0%B0_%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2" title="Википедия:Таблица цветов – rosyjski" lang="ru" hreflang="ru" data-title="Википедия:Таблица цветов" data-language-autonym="Русский" data-language-local-name="rosyjski" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sk mw-list-item"><a href="https://sk.wikipedia.org/wiki/Pomoc:Tabu%C4%BEka_farieb" title="Pomoc:Tabuľka farieb – słowacki" lang="sk" hreflang="sk" data-title="Pomoc:Tabuľka farieb" data-language-autonym="Slovenčina" data-language-local-name="słowacki" class="interlanguage-link-target"><span>Slovenčina</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/Ohje:V%C3%A4rit" title="Ohje:Värit – fiński" lang="fi" hreflang="fi" data-title="Ohje:Värit" data-language-autonym="Suomi" data-language-local-name="fiński" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/Wikipedia:F%C3%A4rger" title="Wikipedia:Färger – szwedzki" lang="sv" hreflang="sv" data-title="Wikipedia:Färger" data-language-autonym="Svenska" data-language-local-name="szwedzki" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-tt mw-list-item"><a href="https://tt.wikipedia.org/wiki/%D0%AF%D1%80%D0%B4%D3%99%D0%BC:T%C3%B6sl%C3%A4r" title="Ярдәм:Töslär – tatarski" lang="tt" hreflang="tt" data-title="Ярдәм:Töslär" data-language-autonym="Татарча / tatarça" data-language-local-name="tatarski" class="interlanguage-link-target"><span>Татарча / tatarça</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%94%D0%BE%D0%B2%D1%96%D0%B4%D0%BA%D0%B0:%D0%9A%D0%BE%D0%BB%D1%8C%D0%BE%D1%80%D0%B8" title="Довідка:Кольори – ukraiński" lang="uk" hreflang="uk" data-title="Довідка:Кольори" data-language-autonym="Українська" data-language-local-name="ukraiński" class="interlanguage-link-target"><span>Українська</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q188465#sitelinks-wikipedia" title="Edytuj linki pomiędzy wersjami językowymi" class="wbc-editpage">Edytuj linki</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Przestrzenie nazw"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-help" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Pomoc:Kolory" title="Zobacz stronę pomocy [c]" accesskey="c"><span>Strona pomocy</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Dyskusja_pomocy:Kolory" rel="discussion" title="Dyskusja o zawartości tej strony [t]" accesskey="t"><span>Dyskusja</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Zmień wariant języka" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">polski</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Widok"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Pomoc:Kolory"><span>Czytaj</span></a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit" title="Edytuj tę stronę [v]" accesskey="v"><span>Edytuj</span></a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Pomoc:Kolory&action=edit" title="Edycja kodu źródłowego strony [e]" accesskey="e"><span>Edytuj kod źródłowy</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Pomoc:Kolory&action=history" title="Starsze wersje tej strony [h]" accesskey="h"><span>Wyświetl historię</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Narzędzia dla stron"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Narzędzia" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Narzędzia</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Narzędzia</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">przypnij</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">ukryj</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Więcej opcji" > <div class="vector-menu-heading"> Działania </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Pomoc:Kolory"><span>Czytaj</span></a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit" title="Edytuj tę stronę [v]" accesskey="v"><span>Edytuj</span></a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Pomoc:Kolory&action=edit" title="Edycja kodu źródłowego strony [e]" accesskey="e"><span>Edytuj kod źródłowy</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Pomoc:Kolory&action=history"><span>Wyświetl historię</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Ogólne </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Specjalna:Linkuj%C4%85ce/Pomoc:Kolory" title="Pokaż listę wszystkich stron linkujących do tej strony [j]" accesskey="j"><span>Linkujące</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Specjalna:Zmiany_w_linkowanych/Pomoc:Kolory" rel="nofollow" title="Ostatnie zmiany w stronach, do których ta strona linkuje [k]" accesskey="k"><span>Zmiany w linkowanych</span></a></li><li id="t-upload" class="mw-list-item"><a href="//pl.wikipedia.org/wiki/Wikipedia:Prześlij_plik" title="Prześlij pliki [u]" accesskey="u"><span>Prześlij plik</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Specjalna:Strony_specjalne" title="Lista wszystkich stron specjalnych [q]" accesskey="q"><span>Strony specjalne</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Pomoc:Kolory&oldid=75217550" title="Stały link do tej wersji tej strony"><span>Link do tej wersji</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Pomoc:Kolory&action=info" title="Więcej informacji na temat tej strony"><span>Informacje o tej stronie</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Specjalna:Skr%C3%B3%C4%87_adres_URL&url=https%3A%2F%2Fpl.wikipedia.org%2Fwiki%2FPomoc%3AKolory"><span>Zobacz skrócony adres URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Specjalna:Kod_QR&url=https%3A%2F%2Fpl.wikipedia.org%2Fwiki%2FPomoc%3AKolory"><span>Pobierz kod QR</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Drukuj lub eksportuj </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Specjalna:Ksi%C4%85%C5%BCka&bookcmd=book_creator&referer=Pomoc%3AKolory"><span>Utwórz książkę</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Specjalna:DownloadAsPdf&page=Pomoc%3AKolory&action=show-download-screen"><span>Pobierz jako PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Pomoc:Kolory&printable=yes" title="Wersja do wydruku [p]" accesskey="p"><span>Wersja do druku</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> W innych projektach </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Commons:Colors" hreflang="en"><span>Wikimedia Commons</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q188465" title="Link do powiązanego elementu w repozytorium danych [g]" accesskey="g"><span>Element Wikidanych</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Narzędzia dla stron"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Wygląd"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Wygląd</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">przypnij</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">ukryj</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> <div id="mw-indicator-shortcut_upper" class="mw-indicator"><div class="mw-parser-output"><a href="/wiki/Wikipedia:WP" title="Wikipedia:WP">Skrót</a>: WP:KOLOR</div></div> </div> <div id="siteSub" class="noprint">Z Wikipedii, wolnej encyklopedii</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="pl" dir="ltr"><style data-mw-deduplicate="TemplateStyles:r61334441">.mw-parser-output .Szablon-Nawigacja-jump-over{display:none}.mw-parser-output .Szablon-Nawigacja-content{border:solid #aaa 1px;padding:6px;text-align:left}@media only screen and (min-width:500px){.mw-parser-output .Szablon-Nawigacja-content{clear:right;margin:0 0 1em 1em;float:right;width:250px}}@media only screen and (max-width:500px){.mw-parser-output .Szablon-Nawigacja-jump-over{display:block}.mw-parser-output .Szablon-Nawigacja-content{}}.mw-parser-output .Szablon-Nawigacja-table td{padding:.5em 0}.mw-parser-output .Szablon-Nawigacja-table th{padding:.5em 0;border:1px solid black;border-style:solid none;text-align:center}.mw-parser-output th.Szablon-Nawigacja-header{border-top-style:none;padding-top:0}.mw-parser-output th.Szablon-Nawigacja-footer{border-bottom-style:none;padding-bottom:0}</style> <div class="Szablon-Nawigacja-jump-over"> <p><a href="#Szablon-Edytowanie-Nawigacja-bottom">Skocz poniżej nawigacji</a>. </p> </div> <div class="Szablon-Nawigacja-content noprint" role="complementary"> <table style="width: 250px; display:table;" class="Szablon-Nawigacja-table"> <tbody><tr> <th class="Szablon-Nawigacja-header"><a href="/wiki/Pomoc:Edytowanie" title="Pomoc:Edytowanie">Edytowanie</a> </th></tr> <tr> <td> <div style="text-align:center; font-weight:bold">Styl</div> <ul><li><a href="/wiki/Pomoc:Jak_napisa%C4%87_nowy_artyku%C5%82" title="Pomoc:Jak napisać nowy artykuł">Jak napisać nowy artykuł</a></li> <li><a href="/wiki/Pomoc:Jak_napisa%C4%87_dobr%C4%85_definicj%C4%99" title="Pomoc:Jak napisać dobrą definicję">Jak napisać dobrą definicję</a></li> <li><a href="/wiki/Pomoc:Styl_%E2%80%93_poradnik_dla_autor%C3%B3w" title="Pomoc:Styl – poradnik dla autorów">Styl – poradnik dla autorów</a></li> <li><a href="/wiki/Pomoc:Powszechne_b%C5%82%C4%99dy_j%C4%99zykowe" title="Pomoc:Powszechne błędy językowe">Powszechne błędy językowe</a></li> <li><a href="/wiki/Pomoc:Kiedy_wstawi%C4%87_link" title="Pomoc:Kiedy wstawić link">Kiedy wstawić link</a></li> <li><a href="/wiki/Pomoc:Dzielenie_artyku%C5%82%C3%B3w_na_sekcje" title="Pomoc:Dzielenie artykułów na sekcje">Dzielenie artykułów na sekcje</a></li></ul> </td></tr> <tr> <td> <div style="text-align:center; font-weight:bold">Sekcje końcowe</div> <ul><li><a href="/wiki/Pomoc:Zobacz_te%C5%BC" title="Pomoc:Zobacz też">Zobacz też</a></li> <li><a href="/wiki/Pomoc:Przypisy" title="Pomoc:Przypisy">Przypisy</a></li> <li><a href="/wiki/Wikipedia:Bibliografia" title="Wikipedia:Bibliografia">Bibliografia</a></li> <li><a href="/wiki/Wikipedia:Zasady_wstawiania_link%C3%B3w_zewn%C4%99trznych" title="Wikipedia:Zasady wstawiania linków zewnętrznych">Linki zewnętrzne</a></li></ul> </td></tr> <tr> <th><a href="/wiki/Pomoc:Jak_napisa%C4%87_doskona%C5%82y_artyku%C5%82" title="Pomoc:Jak napisać doskonały artykuł">Jak napisać doskonały artykuł</a> </th></tr> <tr> <td> <div style="text-align:center; font-weight:bold">Informacje ogólne</div> <ul><li><a href="/wiki/Pomoc:Ilustrowanie" title="Pomoc:Ilustrowanie">Ilustrowanie artykułów</a></li> <li><a href="/wiki/Pomoc:Jak_wstawi%C4%87_link" title="Pomoc:Jak wstawić link">Jak wstawić link</a></li> <li><a href="/wiki/Pomoc:Tabele" title="Pomoc:Tabele">Tabele</a></li> <li><a href="/wiki/Pomoc:Wzory" title="Pomoc:Wzory">Wzory i symbole matematyczne</a></li></ul> </td></tr> <tr> <td> <div style="text-align:center; font-weight:bold">Pisanie w kodzie źródłowym</div> <ul><li><a href="/wiki/Pomoc:Formatowanie_tekstu" title="Pomoc:Formatowanie tekstu">Formatowanie tekstu</a></li> <li><a href="/wiki/Pomoc:Interwiki" title="Pomoc:Interwiki">Interwiki</a></li> <li><a class="mw-selflink selflink">Kolory</a></li> <li><a href="/wiki/Pomoc:Znaczniki" title="Pomoc:Znaczniki">Znaczniki</a></li> <li><a href="/wiki/Pomoc:Magiczne_s%C5%82owa" title="Pomoc:Magiczne słowa">Magiczne słowa</a></li></ul> </td></tr> <tr> <th class="Szablon-Nawigacja-footer"><a href="/wiki/Wikipedia:Narz%C4%99dzia" title="Wikipedia:Narzędzia">Narzędzia</a> • <a href="/wiki/Pomoc:FAQ/Edytowanie" title="Pomoc:FAQ/Edytowanie">FAQ</a> </th></tr></tbody></table> <p><span id="Szablon-Edytowanie-Nawigacja-bottom"></span> </p> </div> <dl><dd><i><b><span style="padding:3px; background-color: #36c; color: white;">Dla zaawansowanych</span></b> </i></dd> <dd><i>Te informacje dotyczą edytora <a href="/wiki/Pomoc:Formatowanie_tekstu" title="Pomoc:Formatowanie tekstu">wikikodu</a>. Brak analogicznych dotyczących <a href="/wiki/Wikipedia:VisualEditor" title="Wikipedia:VisualEditor">edytora wizualnego</a> (<a href="/wiki/Pomoc:Edytowanie" title="Pomoc:Edytowanie">Czym to się różni?</a>)</i></dd></dl> <p><b>Kolory</b> w Wikipedii są wykorzystywane głównie w szablonach i innych <a href="/wiki/Wikipedia:Metastrony" title="Wikipedia:Metastrony">metastronach</a>. Kolorowanie wprost w artykułach spotyka się bardzo rzadko, dlatego umiejętność ustawiania kolorów w kodzie źródłowym jest uznawana za umiejętności zaawansowane i nie jest wymagana od każdego autora Wikipedii. </p> <meta property="mw:PageProp/toc"/> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Subiektywność_postrzegania" data-mw-thread-id="h-Subiektywność_postrzegania"><span id="Subiektywno.C5.9B.C4.87_postrzegania"></span><span data-mw-comment-start="" id="h-Subiektywność_postrzegania"></span>Subiektywność postrzegania<span data-mw-comment-end="h-Subiektywność_postrzegania"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=1" title="Edytuj sekcję: Subiektywność postrzegania" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=1" title="Edytuj kod źródłowy sekcji: Subiektywność postrzegania"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Wiele zmiennych zadecyduje o postrzeganym kolorze, samym wyborze barwy i rzeczywistym oddaniu jej na rozmaitych ekranach, w tym natężenie światła w pomieszczeniu czy światła okolicznego na zewnątrz, w przypadku użytkowania telefonu, <a href="/wiki/IPod_touch" title="IPod touch">urządzenia kieszonkowego</a> czy <a href="/wiki/Laptop" title="Laptop">laptopa</a>. </p><p>Niezależnie od tego ludzie różnią się w zdolności postrzegania barw. Zasadniczo duża część osób jest kolorystycznie mniej czuła na różnice kolorów od normy dla ogółu, a nawet nie odbiera różnic w przypadku postrzeganych odcieni. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Tabele_kolorów" data-mw-thread-id="h-Tabele_kolorów"><span id="Tabele_kolor.C3.B3w"></span><span data-mw-comment-start="" id="h-Tabele_kolorów"></span>Tabele kolorów<span data-mw-comment-end="h-Tabele_kolorów"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=2" title="Edytuj sekcję: Tabele kolorów" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=2" title="Edytuj kod źródłowy sekcji: Tabele kolorów"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Kolory_Wikipedii" data-mw-thread-id="h-Kolory_Wikipedii-Tabele_kolorów"><span data-mw-comment-start="" id="h-Kolory_Wikipedii-Tabele_kolorów"></span>Kolory Wikipedii<span data-mw-comment-end="h-Kolory_Wikipedii-Tabele_kolorów"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=3" title="Edytuj sekcję: Kolory Wikipedii" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=3" title="Edytuj kod źródłowy sekcji: Kolory Wikipedii"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Istnieją kolory o specjalnym znaczeniu, które są wbudowane w oprogramowanie MediaWiki. Zdefiniowane nazwy kolorów mają znaczenie semantyczne np. <code>var(--color-error)</code> powinien być używany do błędów, a <code>var(--border-color-base)</code> do kolorów ogólnych ramek. Wartości te zmieniają się w zależności od wybranego przez użytkownika motywu (tryb nocny lub dzienny) i mogą się z czasem dostosowywać się do zmian w oprogramowaniu Wikipedii. To dlatego używanie tych kolorów jest zalecane do konstruowania szablonów, gadżetów itp. </p><p>Listę wbudowanych kolorów znajdziesz na stronie: <a href="/wiki/Pomoc:Tryb_ciemny#Korzystanie_ze_zmiennych_CSS" title="Pomoc:Tryb ciemny">Pomoc:Tryb ciemny#Korzystanie ze zmiennych CSS</a> </p> <div class="mw-heading mw-heading3"><h3 id="Kolory_nazywane" data-mw-thread-id="h-Kolory_nazywane-Tabele_kolorów"><span data-mw-comment-start="" id="h-Kolory_nazywane-Tabele_kolorów"></span>Kolory nazywane<span data-mw-comment-end="h-Kolory_nazywane-Tabele_kolorów"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=4" title="Edytuj sekcję: Kolory nazywane" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=4" title="Edytuj kod źródłowy sekcji: Kolory nazywane"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <table style="font-size:90%;" cellpadding="4" class="topalign"> <tbody><tr> <td>Zestawienie nazw barw<sup id="cite_ref-1" class="reference"><a href="#cite_note-1">[1]</a></sup> </td></tr> <tr> <td> <table border="0"> <tbody><tr> <th style="background:lightgrey;" rowspan="2">Nazwa barwy<br/>(<a href="/wiki/HTML" title="HTML">HTML</a>/<a href="/wiki/Kaskadowe_arkusze_styl%C3%B3w" title="Kaskadowe arkusze stylów">CSS</a>) </th> <th style="background:lightgrey;" colspan="2">Wartość barwy<br/>(jasność składowych <a href="/wiki/RGB" title="RGB">R G B</a>) </th></tr> <tr> <th style="background:lightgrey;" width="100px"><a href="/wiki/Szesnastkowy_system_liczbowy" title="Szesnastkowy system liczbowy">szesnastkowo</a> </th> <th style="background:lightgrey;" width="100px"><a href="/wiki/Dziesi%C4%99tny_system_liczbowy" title="Dziesiętny system liczbowy">dziesiętnie</a> </th></tr> <tr> <th colspan="3">Barwy czerwone </th></tr> <tr style="background:indianred; color:white"> <td>IndianRed</td> <td>CD5C5C</td> <td>205 92 92 </td></tr> <tr style="background:lightcoral; color:black;"> <td>LightCoral</td> <td>F08080</td> <td>240 128 128 </td></tr> <tr style="background:salmon; color:black;"> <td>Salmon</td> <td>FA8072</td> <td>250 128 114 </td></tr> <tr style="background:darksalmon; color:black;"> <td>DarkSalmon</td> <td>E9967A</td> <td>233 150 122 </td></tr> <tr style="background:lightsalmon; color:black;"> <td>LightSalmon</td> <td>FFA07A</td> <td>255 160 122 </td></tr> <tr style="background:crimson; color:white; color:white;"> <td>Crimson</td> <td>DC143C</td> <td>220 20 60 </td></tr> <tr style="background:red; color:white;"> <td>Red</td> <td>FF0000</td> <td>255 0 0 </td></tr> <tr style="background:fireBrick; color:white;"> <td>FireBrick</td> <td>B22222</td> <td>178 34 34 </td></tr> <tr style="background:darkred; color:white;"> <td>DarkRed</td> <td>8B0000</td> <td>139 0 0 </td></tr> <tr> <th colspan="3">Barwy różowe </th></tr> <tr style="background:pink; color:black;"> <td>Pink</td> <td>FFC0CB</td> <td>255 192 203 </td></tr> <tr style="background:lightpink; color:black;"> <td>LightPink</td> <td>FFB6C1</td> <td>255 182 193 </td></tr> <tr style="background:hotpink; color:white;"> <td>HotPink</td> <td>FF69B4</td> <td>255 105 180 </td></tr> <tr style="background:deeppink; color:white;"> <td>DeepPink</td> <td>FF1493</td> <td>255 20 147 </td></tr> <tr style="background:mediumvioletred; color:white;"> <td>MediumVioletRed</td> <td>C71585</td> <td>199 21 133 </td></tr> <tr style="background:palevioletred; color:white;"> <td>PaleVioletRed</td> <td>DB7093</td> <td>219 112 147 </td></tr> <tr> <th colspan="3">Barwy pomarańczowe </th></tr> <tr style="background:lightsalmon; color:black;"> <td>LightSalmon</td> <td>FFA07A</td> <td>255 160 122 </td></tr> <tr style="background:coral; color:white;"> <td>Coral</td> <td>FF7F50</td> <td>255 127 80 </td></tr> <tr style="background:tomato; color:white;"> <td>Tomato</td> <td>FF6347</td> <td>255 99 71 </td></tr> <tr style="background:orangered; color:white;"> <td>OrangeRed</td> <td>FF4500</td> <td>255 69 0 </td></tr> <tr style="background:darkorange; color:white;"> <td>DarkOrange</td> <td>FF8C00</td> <td>255 140 0 </td></tr> <tr style="background:orange; color:white;"> <td>Orange</td> <td>FFA500</td> <td>255 165 0 </td></tr> <tr> <th colspan="3">Barwy żółte </th></tr> <tr style="background:gold; color:black;"> <td>Gold</td> <td>FFD700</td> <td>255 215 0 </td></tr> <tr style="background:yellow; color:black;"> <td>Yellow</td> <td>FFFF00</td> <td>255 255 0 </td></tr> <tr style="background:lightyellow; color:black;"> <td>LightYellow</td> <td>FFFFE0</td> <td>255 255 224 </td></tr> <tr style="background:lemonchiffon; color:black;"> <td>LemonChiffon</td> <td>FFFACD</td> <td>255 250 205 </td></tr> <tr style="background:lightgoldenrodyellow; color:black;"> <td>LightGoldenrodYellow</td> <td>FAFAD2</td> <td>250 250 210 </td></tr> <tr style="background:papayawhip; color:black;"> <td>PapayaWhip</td> <td>FFEFD5</td> <td>255 239 213 </td></tr> <tr style="background:moccasin; color:black;"> <td>Moccasin</td> <td>FFE4B5</td> <td>255 228 181 </td></tr> <tr style="background:peachpuff; color:black;"> <td>PeachPuff</td> <td>FFDAB9</td> <td>255 218 185 </td></tr> <tr style="background:palegoldenrod; color:black;"> <td>PaleGoldenrod</td> <td>EEE8AA</td> <td>238 232 170 </td></tr> <tr style="background:khaki; color:black;"> <td>Khaki</td> <td>F0E68C</td> <td>240 230 140 </td></tr> <tr style="background:darkkhaki; color:white;"> <td>DarkKhaki</td> <td>BDB76B</td> <td>189 183 107 </td></tr> <tr> <th colspan="3">Odcienie fioletu i purpury </th></tr> <tr style="background:lavender; color:black;"> <td>Lavender</td> <td>E6E6FA</td> <td>230 230 250 </td></tr> <tr style="background:thistle; color:white;"> <td>Thistle</td> <td>D8BFD8</td> <td>216 191 216 </td></tr> <tr style="background:plum; color:white;"> <td>Plum</td> <td>DDA0DD</td> <td>221 160 221 </td></tr> <tr style="background:violet; color:white;"> <td>Violet</td> <td>EE82EE</td> <td>238 130 238 </td></tr> <tr style="background:orchid; color:white;"> <td>Orchid</td> <td>DA70D6</td> <td>218 112 214 </td></tr> <tr style="background:fuchsia; color:white;"> <td>Fuchsia</td> <td>FF00FF</td> <td>255 0 255 </td></tr> <tr style="background:Magenta; color:white;"> <td>Magenta</td> <td>FF00FF</td> <td>255 0 255 </td></tr> <tr style="background:mediumorchid; color:white;"> <td>MediumOrchid</td> <td>BA55D3</td> <td>186 85 211 </td></tr> <tr style="background:mediumpurple; color:white;"> <td>MediumPurple</td> <td>9370DB</td> <td>147 112 219 </td></tr> <tr style="background:blueviolet; color:white;"> <td>BlueViolet</td> <td>8A2BE2</td> <td>138 43 226 </td></tr> <tr style="background:darkviolet; color:white;"> <td>DarkViolet</td> <td>9400D3</td> <td>148 0 211 </td></tr> <tr style="background:darkorchid; color:white;"> <td>DarkOrchid</td> <td>9932CC</td> <td>153 50 204 </td></tr> <tr style="background:darkmagenta; color:white;"> <td>DarkMagenta</td> <td>8B008B</td> <td>139 0 139 </td></tr> <tr style="background:purple; color:white;"> <td>Purple</td> <td>800080</td> <td>128 0 128 </td></tr> <tr style="background:indigo; color:white;"> <td>Indigo</td> <td>4B0082</td> <td>75 0 130 </td></tr> <tr style="background:slateblue; color:white;"> <td>SlateBlue</td> <td>6A5ACD</td> <td>106 90 205 </td></tr> <tr style="background:darkslateblue; color:white;"> <td>DarkSlateBlue</td> <td>483D8B</td> <td>72 61 139 </td></tr> <tr style="background:mediumslateblue; color:white;"> <td>MediumSlateBlue</td> <td>7B68EE</td> <td>123 104 238 </td></tr> </tbody></table> </td> <td> <table> <tbody><tr> <th style="background:lightgrey;" rowspan="2">Nazwa barwy<br/>(<a href="/wiki/HTML" title="HTML">HTML</a>/<a href="/wiki/Kaskadowe_arkusze_styl%C3%B3w" title="Kaskadowe arkusze stylów">CSS</a>) </th> <th style="background:lightgrey;" colspan="2">Wartość barwy<br/>(jasność składowych <a href="/wiki/RGB" title="RGB">R G B</a>) </th></tr> <tr> <th style="background:lightgrey;" width="100px"><a href="/wiki/Szesnastkowy_system_liczbowy" title="Szesnastkowy system liczbowy">szesnastkowo</a> </th> <th style="background:lightgrey;" width="100px"><a href="/wiki/Dziesi%C4%99tny_system_liczbowy" title="Dziesiętny system liczbowy">dziesiętnie</a> </th></tr> <tr> <th colspan="3">Barwy zielone </th></tr> <tr style="background:greenyellow; color:black;"> <td>GreenYellow</td> <td>ADFF2F</td> <td>173 255 47 </td></tr> <tr style="background:chartreuse; color:black;"> <td>Chartreuse</td> <td>7FFF00</td> <td>127 255 0 </td></tr> <tr style="background:lawngreen; color:black;"> <td>LawnGreen</td> <td>7CFC00</td> <td>124 252 0 </td></tr> <tr style="background:lime; color:black;"> <td>Lime</td> <td>00FF00</td> <td>0 255 0 </td></tr> <tr style="background:limegreen; color:black;"> <td>LimeGreen</td> <td>32CD32</td> <td>50 205 50 </td></tr> <tr style="background:palegreen; color:black;"> <td>PaleGreen</td> <td>98FB98</td> <td>152 251 152 </td></tr> <tr style="background:lightgreen; color:black;"> <td>LightGreen</td> <td>90EE90</td> <td>144 238 144 </td></tr> <tr style="background:mediumspringgreen; color:black;"> <td>MediumSpringGreen</td> <td>00FA9A</td> <td>0 250 154 </td></tr> <tr style="background:springgreen; color:black;"> <td>SpringGreen</td> <td>00FF7F</td> <td>0 255 127 </td></tr> <tr style="background:mediumseagreen; color:white;"> <td>MediumSeaGreen</td> <td>3CB371</td> <td>60 179 113 </td></tr> <tr style="background:seagreen; color:white;"> <td>SeaGreen</td> <td>2E8B57</td> <td>46 139 87 </td></tr> <tr style="background:forestgreen; color:white;"> <td>ForestGreen</td> <td>228B22</td> <td>34 139 34 </td></tr> <tr style="background:green; color:white;"> <td>Green</td> <td>008000</td> <td>0 128 0 </td></tr> <tr style="background:darkgreen; color:white;"> <td>DarkGreen</td> <td>006400</td> <td>0 100 0 </td></tr> <tr style="background:yellowgreen; color:white;"> <td>YellowGreen</td> <td>9ACD32</td> <td>154 205 50 </td></tr> <tr style="background:olivedrab; color:white;"> <td>OliveDrab</td> <td>6B8E23</td> <td>107 142 35 </td></tr> <tr style="background:olive; color:white;"> <td>Olive</td> <td>808000</td> <td>128 128 0 </td></tr> <tr style="background:darkolivegreen; color:white;"> <td>DarkOliveGreen</td> <td>556B2F</td> <td>85 107 47 </td></tr> <tr style="background:mediumaquamarine; color:black;"> <td>MediumAquamarine</td> <td>66CDAA</td> <td>102 205 170 </td></tr> <tr style="background:darkseagreen; color:white;"> <td>DarkSeaGreen</td> <td>8FBC8F</td> <td>143 188 143 </td></tr> <tr style="background:lightseagreen; color:white;"> <td>LightSeaGreen</td> <td>20B2AA</td> <td>32 178 170 </td></tr> <tr style="background:darkcyan; color:white;"> <td>DarkCyan</td> <td>008B8B</td> <td>0 139 139 </td></tr> <tr style="background:teal; color:white;"> <td>Teal</td> <td>008080</td> <td>0 128 128 </td></tr> <tr> <th colspan="3">Barwy niebieskie </th></tr> <tr style="background:aqua; color:black;"> <td>Aqua</td> <td>00FFFF</td> <td>0 255 255 </td></tr> <tr style="background:cyan; color:black;"> <td>Cyan</td> <td>00FFFF</td> <td>0 255 255 </td></tr> <tr style="background:lightcyan; color:black;"> <td>LightCyan</td> <td>E0FFFF</td> <td>224 255 255 </td></tr> <tr style="background:paleturquoise; color:black;"> <td>PaleTurquoise</td> <td>AFEEEE</td> <td>175 238 238 </td></tr> <tr style="background:aquamarine; color:black;"> <td>Aquamarine</td> <td>7FFFD4</td> <td>127 255 212 </td></tr> <tr style="background:turquoise; color:black;"> <td>Turquoise</td> <td>40E0D0</td> <td>64 224 208 </td></tr> <tr style="background:mediumturquoise; color:white;"> <td>MediumTurquoise</td> <td>48D1CC</td> <td>72 209 204 </td></tr> <tr style="background:darkturquoise; color:white;"> <td>DarkTurquoise</td> <td>00CED1</td> <td>0 206 209 </td></tr> <tr style="background:cadetblue; color:white;"> <td>CadetBlue</td> <td>5F9EA0</td> <td>95 158 160 </td></tr> <tr style="background:steelblue; color:white;"> <td>SteelBlue</td> <td>4682B4</td> <td>70 130 180 </td></tr> <tr style="background:lightsteelblue; color:black;"> <td>LightSteelBlue</td> <td>B0C4DE</td> <td>176 196 222 </td></tr> <tr style="background:powderblue; color:black;"> <td>PowderBlue</td> <td>B0E0E6</td> <td>176 224 230 </td></tr> <tr style="background:lightblue; color:black;"> <td>LightBlue</td> <td>ADD8E6</td> <td>173 216 230 </td></tr> <tr style="background:skyblue; color:black;"> <td>SkyBlue</td> <td>87CEEB</td> <td>135 206 235 </td></tr> <tr style="background:lightskyblue; color:black;"> <td>LightSkyBlue</td> <td>87CEFA</td> <td>135 206 250 </td></tr> <tr style="background:deepskyblue; color:white;"> <td>DeepSkyBlue</td> <td>00BFFF</td> <td>0 191 255 </td></tr> <tr style="background:dodgerblue; color:white;"> <td>DodgerBlue</td> <td>1E90FF</td> <td>30 144 255 </td></tr> <tr style="background:cornflowerblue; color:white;"> <td>CornflowerBlue</td> <td>6495ED</td> <td>100 149 237 </td></tr> <tr style="background:mediumslateblue; color:white;"> <td>MediumSlateBlue</td> <td>7B68EE</td> <td>123 104 238 </td></tr> <tr style="background:royalblue; color:white;"> <td>RoyalBlue</td> <td>4169E1</td> <td>65 105 225 </td></tr> <tr style="background:blue; color:white;"> <td>Blue</td> <td>0000FF</td> <td>0 0 255 </td></tr> <tr style="background:mediumblue; color:white;"> <td>MediumBlue</td> <td>0000CD</td> <td>0 0 205 </td></tr> <tr style="background:darkblue; color:white;"> <td>DarkBlue</td> <td>00008B</td> <td>0 0 139 </td></tr> <tr style="background:navy; color:white;"> <td>Navy</td> <td>000080</td> <td>0 0 128 </td></tr> <tr style="background:midnightblue; color:white;"> <td>MidnightBlue</td> <td>191970</td> <td>25 25 112 </td></tr> </tbody></table> </td> <td> <table> <tbody><tr> <th style="background:lightgrey;" rowspan="2">Nazwa barwy<br/>(<a href="/wiki/HTML" title="HTML">HTML</a>/<a href="/wiki/Kaskadowe_arkusze_styl%C3%B3w" title="Kaskadowe arkusze stylów">CSS</a>) </th> <th style="background:lightgrey;" colspan="2">Wartość barwy<br/>(jasność składowych <a href="/wiki/RGB" title="RGB">R G B</a>) </th></tr> <tr> <th style="background:lightgrey;" width="100px"><a href="/wiki/Szesnastkowy_system_liczbowy" title="Szesnastkowy system liczbowy">szesnastkowo</a> </th> <th style="background:lightgrey;" width="100px"><a href="/wiki/Dziesi%C4%99tny_system_liczbowy" title="Dziesiętny system liczbowy">dziesiętnie</a> </th></tr> <tr> <th colspan="3">Barwy brunatne </th></tr> <tr style="background:cornsilk; color:black;"> <td>Cornsilk</td> <td>FFF8DC</td> <td>255 248 220 </td></tr> <tr style="background:blanchedalmond; color:black;"> <td>BlanchedAlmond</td> <td>FFEBCD</td> <td>255 235 205 </td></tr> <tr style="background:bisque; color:black;"> <td>Bisque</td> <td>FFE4C4</td> <td>255 228 196 </td></tr> <tr style="background:navajowhite; color:black;"> <td>NavajoWhite</td> <td>FFDEAD</td> <td>255 222 173 </td></tr> <tr style="background:wheat; color:black;"> <td>Wheat</td> <td>F5DEB3</td> <td>245 222 179 </td></tr> <tr style="background:burlywood; color:white;"> <td>BurlyWood</td> <td>DEB887</td> <td>222 184 135 </td></tr> <tr style="background:tan; color:white;"> <td>Tan</td> <td>D2B48C</td> <td>210 180 140 </td></tr> <tr style="background:rosybrown; color:white;"> <td>RosyBrown</td> <td>BC8F8F</td> <td>188 143 143 </td></tr> <tr style="background:sandybrown; color:white;"> <td>SandyBrown</td> <td>F4A460</td> <td>244 164 96 </td></tr> <tr style="background:goldenrod; color:white;"> <td>Goldenrod</td> <td>DAA520</td> <td>218 165 32 </td></tr> <tr style="background:darkgoldenrod; color:white;"> <td>DarkGoldenrod</td> <td>B8860B</td> <td>184 134 11 </td></tr> <tr style="background:Peru; color:white;"> <td>Peru</td> <td>CD853F</td> <td>205 133 63 </td></tr> <tr style="background:chocolate; color:white;"> <td>Chocolate</td> <td>D2691E</td> <td>210 105 30 </td></tr> <tr style="background:saddlebrown; color:white;"> <td>SaddleBrown</td> <td>8B4513</td> <td>139 69 19 </td></tr> <tr style="background:sienna; color:white;"> <td>Sienna</td> <td>A0522D</td> <td>160 82 45 </td></tr> <tr style="background:brown; color:white;"> <td>Brown</td> <td>A52A2A</td> <td>165 42 42 </td></tr> <tr style="background:maroon; color:white;"> <td>Maroon</td> <td>800000</td> <td>128 0 0 </td></tr> <tr> <th colspan="3">Odcienie bieli </th></tr> <tr style="background:white; color:black;"> <td>White</td> <td>FFFFFF</td> <td>255 255 255 </td></tr> <tr style="background:snow; color:black;"> <td>Snow</td> <td>FFFAFA</td> <td>255 250 250 </td></tr> <tr style="background:honeydew; color:black;"> <td>Honeydew</td> <td>F0FFF0</td> <td>240 255 240 </td></tr> <tr style="background:mintcream; color:black;"> <td>MintCream</td> <td>F5FFFA</td> <td>245 255 250 </td></tr> <tr style="background:azure; color:black;"> <td>Azure</td> <td>F0FFFF</td> <td>240 255 255 </td></tr> <tr style="background:aliceblue; color:black;"> <td>AliceBlue</td> <td>F0F8FF</td> <td>240 248 255 </td></tr> <tr style="background:ghostwhite; color:black;"> <td>GhostWhite</td> <td>F8F8FF</td> <td>248 248 255 </td></tr> <tr style="background:whitesmoke; color:black;"> <td>WhiteSmoke</td> <td>F5F5F5</td> <td>245 245 245 </td></tr> <tr style="background:seashell; color:black;"> <td>Seashell</td> <td>FFF5EE</td> <td>255 245 238 </td></tr> <tr style="background:beige; color:black;"> <td>Beige</td> <td>F5F5DC</td> <td>245 245 220 </td></tr> <tr style="background:oldlace; color:black;"> <td>OldLace</td> <td>FDF5E6</td> <td>253 245 230 </td></tr> <tr style="background:floralwhite; color:black;"> <td>FloralWhite</td> <td>FFFAF0</td> <td>255 250 240 </td></tr> <tr style="background:ivory; color:black;"> <td>Ivory</td> <td>FFFFF0</td> <td>255 255 240 </td></tr> <tr style="background:antiquewhite; color:black;"> <td>AntiqueWhite</td> <td>FAEBD7</td> <td>250 235 215 </td></tr> <tr style="background:linen; color:black;"> <td>Linen</td> <td>FAF0E6</td> <td>250 240 230 </td></tr> <tr style="background:lavenderblush; color:black;"> <td>LavenderBlush</td> <td>FFF0F5</td> <td>255 240 245 </td></tr> <tr style="background:mistyrose; color:black;"> <td>MistyRose</td> <td>FFE4E1</td> <td>255 228 225 </td></tr> <tr> <th colspan="3">Odcienie szarości </th></tr> <tr style="background:gainsboro; color:black;"> <td>Gainsboro</td> <td>DCDCDC</td> <td>220 220 220 </td></tr> <tr style="background:lightgrey; color:black;"> <td>LightGrey</td> <td>D3D3D3</td> <td>211 211 211 </td></tr> <tr style="background:silver; color:black;"> <td>Silver</td> <td>C0C0C0</td> <td>192 192 192 </td></tr> <tr style="background:darkgray; color:black;"> <td>DarkGray</td> <td>A9A9A9</td> <td>169 169 169 </td></tr> <tr style="background:gray; color:white;"> <td>Gray</td> <td>808080</td> <td>128 128 128 </td></tr> <tr style="background:dimgray; color:white;"> <td>DimGray</td> <td>696969</td> <td>105 105 105 </td></tr> <tr style="background:lightslategray; color:white;"> <td>LightSlateGray</td> <td>778899</td> <td>119 136 153 </td></tr> <tr style="background:slategray; color:white;"> <td>SlateGray</td> <td>708090</td> <td>112 128 144 </td></tr> <tr style="background:darkslategray; color:white;"> <td>DarkSlateGray</td> <td>2F4F4F</td> <td>47 79 79 </td></tr> <tr style="background:black; color:white;"> <td>Black</td> <td>000000</td> <td>0 0 0 </td></tr></tbody></table> </td></tr></tbody></table> <div class="mw-heading mw-heading3"><h3 id="Kolory_bezpieczne_dla_WWW" data-mw-thread-id="h-Kolory_bezpieczne_dla_WWW-Tabele_kolorów"><span data-mw-comment-start="" id="h-Kolory_bezpieczne_dla_WWW-Tabele_kolorów"></span>Kolory bezpieczne dla WWW<span data-mw-comment-end="h-Kolory_bezpieczne_dla_WWW-Tabele_kolorów"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=5" title="Edytuj sekcję: Kolory bezpieczne dla WWW" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=5" title="Edytuj kod źródłowy sekcji: Kolory bezpieczne dla WWW"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Wartości barw podane <a href="/wiki/Szesnastkowy_system_liczbowy" title="Szesnastkowy system liczbowy">szesnastkowo</a> wraz z wymaganym znakiem „#”<br/>(liczba <i>xyz</i> faktycznie oznacza liczbę xxyyzz) </p> <table class="wikitable" style="font-family:monospace"> <tbody><tr> <td style="background:#000;color:#eee">#000 </td> <td style="background:#003;color:#eee">#003 </td> <td style="background:#006;color:#eee">#006 </td> <td style="background:#009;color:#eee">#009 </td> <td style="background:#00c;color:#eee">#00c </td> <td style="background:#00f;color:#eee">#00f </td> <td style="background:#300;color:#eee">#300 </td> <td style="background:#303;color:#eee">#303 </td> <td style="background:#306;color:#eee">#306 </td> <td style="background:#309;color:#eee">#309 </td> <td style="background:#30c;color:#eee">#30c </td> <td style="background:#30f;color:#eee">#30f </td></tr> <tr> <td style="background:#030;color:#eee">#030 </td> <td style="background:#033;color:#eee">#033 </td> <td style="background:#036;color:#eee">#036 </td> <td style="background:#039;color:#eee">#039 </td> <td style="background:#03c;color:#eee">#03c </td> <td style="background:#03f;color:#eee">#03f </td> <td style="background:#330;color:#eee">#330 </td> <td style="background:#333;color:#eee">#333 </td> <td style="background:#336;color:#eee">#336 </td> <td style="background:#339;color:#eee">#339 </td> <td style="background:#33c;color:#eee">#33c </td> <td style="background:#33f;color:#eee">#33f </td></tr> <tr> <td style="background:#060;color:#eee">#060 </td> <td style="background:#063;color:#eee">#063 </td> <td style="background:#066;color:#eee">#066 </td> <td style="background:#069;color:#eee">#069 </td> <td style="background:#06c;color:#eee">#06c </td> <td style="background:#06f;color:#eee">#06f </td> <td style="background:#360;color:#eee">#360 </td> <td style="background:#363;color:#eee">#363 </td> <td style="background:#366;color:#eee">#366 </td> <td style="background:#369;color:#eee">#369 </td> <td style="background:#36c;color:#eee">#36c </td> <td style="background:#36f;color:#eee">#36f </td></tr> <tr> <td style="background:#090;color:#eee">#090 </td> <td style="background:#093;color:#eee">#093 </td> <td style="background:#096;color:#eee">#096 </td> <td style="background:#099;color:#eee">#099 </td> <td style="background:#09c;color:#eee">#09c </td> <td style="background:#09f;color:#eee">#09f </td> <td style="background:#390;color:#eee">#390 </td> <td style="background:#393;color:#eee">#393 </td> <td style="background:#396;color:#eee">#396 </td> <td style="background:#399;color:#eee">#399 </td> <td style="background:#39c;color:#eee">#39c </td> <td style="background:#39f;color:#000">#39f </td></tr> <tr> <td style="background:#0c0;color:#000">#0c0 </td> <td style="background:#0c3;color:#000">#0c3 </td> <td style="background:#0c6;color:#000">#0c6 </td> <td style="background:#0c9;color:#000">#0c9 </td> <td style="background:#0cc;color:#000">#0cc </td> <td style="background:#0cf;color:#000">#0cf </td> <td style="background:#3c0;color:#000">#3c0 </td> <td style="background:#3c3;color:#000">#3c3 </td> <td style="background:#3c6;color:#000">#3c6 </td> <td style="background:#3c9;color:#000">#3c9 </td> <td style="background:#3cc;color:#000">#3cc </td> <td style="background:#3cf;color:#000">#3cf </td></tr> <tr> <td style="background:#0f0;color:#000">#0f0 </td> <td style="background:#0f3;color:#000">#0f3 </td> <td style="background:#0f6;color:#000">#0f6 </td> <td style="background:#0f9;color:#000">#0f9 </td> <td style="background:#0fc;color:#000">#0fc </td> <td style="background:#0ff;color:#000">#0ff </td> <td style="background:#3f0;color:#000">#3f0 </td> <td style="background:#3f3;color:#000">#3f3 </td> <td style="background:#3f6;color:#000">#3f6 </td> <td style="background:#3f9;color:#000">#3f9 </td> <td style="background:#3fc;color:#000">#3fc </td> <td style="background:#3ff;color:#000">#3ff </td></tr> <tr> <td style="background:#600;color:#eee">#600 </td> <td style="background:#603;color:#eee">#603 </td> <td style="background:#606;color:#eee">#606 </td> <td style="background:#609;color:#eee">#609 </td> <td style="background:#60c;color:#eee">#60c </td> <td style="background:#60f;color:#eee">#60f </td> <td style="background:#900;color:#eee">#900 </td> <td style="background:#903;color:#eee">#903 </td> <td style="background:#906;color:#eee">#906 </td> <td style="background:#909;color:#eee">#909 </td> <td style="background:#90c;color:#eee">#90c </td> <td style="background:#90f;color:#eee">#90f </td></tr> <tr> <td style="background:#630;color:#eee">#630 </td> <td style="background:#633;color:#eee">#633 </td> <td style="background:#636;color:#eee">#636 </td> <td style="background:#639;color:#eee">#639 </td> <td style="background:#63c;color:#eee">#63c </td> <td style="background:#63f;color:#eee">#63f </td> <td style="background:#930;color:#eee">#930 </td> <td style="background:#933;color:#eee">#933 </td> <td style="background:#936;color:#eee">#936 </td> <td style="background:#939;color:#eee">#939 </td> <td style="background:#93c;color:#eee">#93c </td> <td style="background:#93f;color:#eee">#93f </td></tr> <tr> <td style="background:#660;color:#eee">#660 </td> <td style="background:#663;color:#eee">#663 </td> <td style="background:#666;color:#eee">#666 </td> <td style="background:#669;color:#eee">#669 </td> <td style="background:#66c;color:#eee">#66c </td> <td style="background:#66f;color:#eee">#66f </td> <td style="background:#960;color:#eee">#960 </td> <td style="background:#963;color:#eee">#963 </td> <td style="background:#966;color:#eee">#966 </td> <td style="background:#969;color:#eee">#969 </td> <td style="background:#96c;color:#eee">#96c </td> <td style="background:#96f;color:#eee">#96f </td></tr> <tr> <td style="background:#690;color:#eee">#690 </td> <td style="background:#693;color:#eee">#693 </td> <td style="background:#696;color:#000">#696 </td> <td style="background:#699;color:#000">#699 </td> <td style="background:#69c;color:#000">#69c </td> <td style="background:#69f;color:#000">#69f </td> <td style="background:#990;color:#000">#990 </td> <td style="background:#993;color:#000">#993 </td> <td style="background:#996;color:#000">#996 </td> <td style="background:#999;color:#000">#999 </td> <td style="background:#99c;color:#000">#99c </td> <td style="background:#99f;color:#000">#99f </td></tr> <tr> <td style="background:#6c0;color:#000">#6c0 </td> <td style="background:#6c3;color:#000">#6c3 </td> <td style="background:#6c6;color:#000">#6c6 </td> <td style="background:#6c9;color:#000">#6c9 </td> <td style="background:#6cc;color:#000">#6cc </td> <td style="background:#6cf;color:#000">#6cf </td> <td style="background:#9c0;color:#000">#9c0 </td> <td style="background:#9c3;color:#000">#9c3 </td> <td style="background:#9c6;color:#000">#9c6 </td> <td style="background:#9c9;color:#000">#9c9 </td> <td style="background:#9cc;color:#000">#9cc </td> <td style="background:#9cf;color:#000">#9cf </td></tr> <tr> <td style="background:#6f0;color:#000">#6f0 </td> <td style="background:#6f3;color:#000">#6f3 </td> <td style="background:#6f6;color:#000">#6f6 </td> <td style="background:#6f9;color:#000">#6f9 </td> <td style="background:#6fc;color:#000">#6fc </td> <td style="background:#6ff;color:#000">#6ff </td> <td style="background:#9f0;color:#000">#9f0 </td> <td style="background:#9f3;color:#000">#9f3 </td> <td style="background:#9f6;color:#000">#9f6 </td> <td style="background:#9f9;color:#000">#9f9 </td> <td style="background:#9fc;color:#000">#9fc </td> <td style="background:#9ff;color:#000">#9ff </td></tr> <tr> <td style="background:#c00;color:#eee">#c00 </td> <td style="background:#c03;color:#eee">#c03 </td> <td style="background:#c06;color:#eee">#c06 </td> <td style="background:#c09;color:#eee">#c09 </td> <td style="background:#c0c;color:#eee">#c0c </td> <td style="background:#c0f;color:#eee">#c0f </td> <td style="background:#f00;color:#eee">#f00 </td> <td style="background:#f03;color:#eee">#f03 </td> <td style="background:#f06;color:#eee">#f06 </td> <td style="background:#f09;color:#eee">#f09 </td> <td style="background:#f0c;color:#eee">#f0c </td> <td style="background:#f0f;color:#eee">#f0f </td></tr> <tr> <td style="background:#c30;color:#eee">#c30 </td> <td style="background:#c33;color:#eee">#c33 </td> <td style="background:#c36;color:#eee">#c36 </td> <td style="background:#c39;color:#eee">#c39 </td> <td style="background:#c3c;color:#eee">#c3c </td> <td style="background:#c3f;color:#eee">#c3f </td> <td style="background:#f30;color:#eee">#f30 </td> <td style="background:#f33;color:#eee">#f33 </td> <td style="background:#f36;color:#eee">#f36 </td> <td style="background:#f39;color:#eee">#f39 </td> <td style="background:#f3c;color:#eee">#f3c </td> <td style="background:#f3f;color:#eee">#f3f </td></tr> <tr> <td style="background:#c60;color:#eee">#c60 </td> <td style="background:#c63;color:#eee">#c63 </td> <td style="background:#c66;color:#eee">#c66 </td> <td style="background:#c69;color:#eee">#c69 </td> <td style="background:#c6c;color:#eee">#c6c </td> <td style="background:#c6f;color:#eee">#c6f </td> <td style="background:#f60;color:#eee">#f60 </td> <td style="background:#f63;color:#eee">#f63 </td> <td style="background:#f66;color:#eee">#f66 </td> <td style="background:#f69;color:#000">#f69 </td> <td style="background:#f6c;color:#000">#f6c </td> <td style="background:#f6f;color:#000">#f6f </td></tr> <tr> <td style="background:#c90;color:#000">#c90 </td> <td style="background:#c93;color:#000">#c93 </td> <td style="background:#c96;color:#000">#c96 </td> <td style="background:#c99;color:#000">#c99 </td> <td style="background:#c9c;color:#000">#c9c </td> <td style="background:#c9f;color:#000">#c9f </td> <td style="background:#f90;color:#000">#f90 </td> <td style="background:#f93;color:#000">#f93 </td> <td style="background:#f96;color:#000">#f96 </td> <td style="background:#f99;color:#000">#f99 </td> <td style="background:#f9c;color:#000">#f9c </td> <td style="background:#f9f;color:#000">#f9f </td></tr> <tr> <td style="background:#cc0;color:#000">#cc0 </td> <td style="background:#cc3;color:#000">#cc3 </td> <td style="background:#cc6;color:#000">#cc6 </td> <td style="background:#cc9;color:#000">#cc9 </td> <td style="background:#ccc;color:#000">#ccc </td> <td style="background:#ccf;color:#000">#ccf </td> <td style="background:#fc0;color:#000">#fc0 </td> <td style="background:#fc3;color:#000">#fc3 </td> <td style="background:#fc6;color:#000">#fc6 </td> <td style="background:#fc9;color:#000">#fc9 </td> <td style="background:#fcc;color:#000">#fcc </td> <td style="background:#fcf;color:#000">#fcf </td></tr> <tr> <td style="background:#cf0;color:#000">#cf0 </td> <td style="background:#cf3;color:#000">#cf3 </td> <td style="background:#cf6;color:#000">#cf6 </td> <td style="background:#cf9;color:#000">#cf9 </td> <td style="background:#cfc;color:#000">#cfc </td> <td style="background:#cff;color:#000">#cff </td> <td style="background:#ff0;color:#000">#ff0 </td> <td style="background:#ff3;color:#000">#ff3 </td> <td style="background:#ff6;color:#000">#ff6 </td> <td style="background:#ff9;color:#000">#ff9 </td> <td style="background:#ffc;color:#000">#ffc </td> <td style="background:#fff;color:#000">#fff </td></tr></tbody></table> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Gamma" data-mw-thread-id="h-Gamma"><span data-mw-comment-start="" id="h-Gamma"></span>Gamma<span data-mw-comment-end="h-Gamma"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=6" title="Edytuj sekcję: Gamma" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=6" title="Edytuj kod źródłowy sekcji: Gamma"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Podstawowym kalibracyjnym pojęciem jest <a href="/wiki/Korekcja_gamma" title="Korekcja gamma">korekcja gamma</a><sup id="cite_ref-2" class="reference"><a href="#cite_note-2">[2]</a></sup> Zmiany w gammie powodują, czy treść graficzna wygląda na zaciemnioną czy inaczej niedobrana kolorystycznie. Rożne systemy komputerowe czy wyświetlacze operują na innej wartości gammy, lub właściwości korekcji gammy są zakodowane w ustawieniach kalibracji przestrzeni barw czy kalibracji koloru urządzenia. Kolorystycznie wykalibrowana grafika wymaga zmiany gamma przy przenoszeniu jej do wyświetlenia na kolejne nośniki komputerowe czy w kolejnych wyświetlaczach precyzyjnie. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Składowe_koloru" data-mw-thread-id="h-Składowe_koloru"><span id="Sk.C5.82adowe_koloru"></span><span data-mw-comment-start="" id="h-Składowe_koloru"></span>Składowe koloru<span data-mw-comment-end="h-Składowe_koloru"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=7" title="Edytuj sekcję: Składowe koloru" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=7" title="Edytuj kod źródłowy sekcji: Składowe koloru"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Oprócz gammy, rozmaite metody przekazują numerycznie kolor danej barwy. Istnieje także możliwość oddania stopnia przezroczystości grafiki czy koloru, czyli wartość tzw. <a href="/wiki/Kana%C5%82_alfa" title="Kanał alfa">kanału alfa</a>. </p><p>Podstawowym systemem do wyrażania barw na komputerze jest absolutna <a href="/wiki/Przestrze%C5%84_barw" title="Przestrzeń barw">przestrzeń barw</a> o nazwie <a href="/wiki/SRGB" title="SRGB">sRGB</a>. Stanowi ona referencyjną przestrzeń dla HTML i CSS. Istnieją pokrewne, alternatywne, lepiej dostosowane do konkretnych zapotrzebowań graficznych np. <a href="/wiki/Adobe_RGB" title="Adobe RGB">Adobe RGB</a><sup id="cite_ref-3" class="reference"><a href="#cite_note-3">[3]</a></sup> ustalona przez grafików <a href="/wiki/Adobe_Systems" class="mw-redirect" title="Adobe Systems">Adobe Systems</a>. Szerzej, <a href="/wiki/RGB" title="RGB">RGB</a> to cały system wyrażania barwy trzema składowymi: czerwienią, zielenią i niebieskością. Tradycyjnie piksele ekranów składają się z <a href="/wiki/Fosfor" title="Fosfor">fosforu</a> świecącego mniej lub bardziej jasno w tylko jednej z tych trzech składowych. </p><p>W świecie drukarskim (<a href="/wiki/Poligrafia" title="Poligrafia">poligrafii</a>), podobna rolę odgrywa system <a href="/wiki/CMYK" title="CMYK">CMYK</a>, gdzie barwy są wyrażone składowymi cyjanu, magenty, żółci, i czerni. </p><p>Istnieją także inne metody specyfikacji barwy, np. <a href="/wiki/HSL" title="HSL">HSL</a>, czy znormalizowane przestrzenie mające na celu wyrażenie różnic pomiędzy barwami, czyli metryką <a href="/wiki/Delta_E" title="Delta E">delta E</a>. Są to m.in. <a href="/wiki/CIELUV" title="CIELUV">CIELUV</a> czy <a href="/wiki/CIELab" title="CIELab">CIELab</a>, często stosowanych do porównania barw dla współrzędnych z kolei wyrażonych w przestrzeni <a href="/w/index.php?title=CIE_xyY&action=edit&redlink=1" class="new" title="CIE xyY (strona nie istnieje)">CIE xyY</a>, jak w przypadku ustawy o <a href="/wiki/Barwy_Rzeczypospolitej_Polskiej" class="mw-redirect" title="Barwy Rzeczypospolitej Polskiej">Barwach RP</a>. </p><p>W pewnych nowych technologiach wyświetlaczy (<a href="/wiki/Organiczna_dioda_elektroluminescencyjna" title="Organiczna dioda elektroluminescencyjna">OLED</a>), światło jest emitowane za pośrednictwem <a href="/wiki/Dioda_elektroluminescencyjna" title="Dioda elektroluminescencyjna">diod elektroluminescencyjnych</a>, a same wyświetlacze, drukowane niby gazety. Można przyjąć, że odmienne notacje kolorów pojawią się m.in. z powodu zaistnienia nowych metod wyświetlania barw. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Zestawienie_kolorów" data-mw-thread-id="h-Zestawienie_kolorów"><span id="Zestawienie_kolor.C3.B3w"></span><span data-mw-comment-start="" id="h-Zestawienie_kolorów"></span>Zestawienie kolorów<span data-mw-comment-end="h-Zestawienie_kolorów"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=8" title="Edytuj sekcję: Zestawienie kolorów" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=8" title="Edytuj kod źródłowy sekcji: Zestawienie kolorów"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Dane_podstawowe" data-mw-thread-id="h-Dane_podstawowe-Zestawienie_kolorów"><span data-mw-comment-start="" id="h-Dane_podstawowe-Zestawienie_kolorów"></span>Dane podstawowe<span data-mw-comment-end="h-Dane_podstawowe-Zestawienie_kolorów"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=9" title="Edytuj sekcję: Dane podstawowe" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=9" title="Edytuj kod źródłowy sekcji: Dane podstawowe"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Zazwyczaj kolory oddajemy w RGB. Jest to również najprostszy i najbardziej zwarty zapis barwy, np. #aaa czy LightGray. Poniżej podane są dwa osobne zestawienia „bezpiecznych” barw, które to zalecamy stosować m.in. do kolorowania tabel. </p><p>Pierwsza jest wynikiem zalecenia organizacji formułującej standardy sieciowe, utworzonej przez twórców sieci <a href="/wiki/World_Wide_Web" title="World Wide Web">WWW</a> i korporacje komputerowe: konsorcjum <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a>. </p><p>Druga jest tradycyjnie używanym zdroworozsądkowym ograniczeniem do zaokrąglonych wartości barw<sup id="cite_ref-4" class="reference"><a href="#cite_note-4">[4]</a></sup>. Te zaokrąglenia to tradycyjnie uznawane „bezpieczne kolory w sieci”, heurystycznie stosowane tradycyjnie, na długo przed sformułowaniem w 1999 ustaleń w tym temacie przez W3C, przyjętych przy okazji sformułowania formalnej specyfikacji dla grafiki wektorowej, <a href="/wiki/SVG" class="mw-redirect" title="SVG">SVG</a>, a następnej jej minimalistycznej zalecanej implementacji, SVG Tiny. </p><p>Jednak same te nazwy i wybór barw jest znacznie starszym dziejowo, bowiem wywodzi się z <a href="/w/index.php?title=Athena_(X_Windows)&action=edit&redlink=1" class="new" title="Athena (X Windows) (strona nie istnieje)">Projektu Athena</a>, utworzony w 1983 na <a href="/wiki/Massachusetts_Institute_of_Technology" title="Massachusetts Institute of Technology">Massachusetts Institute of Technology</a>, kiedy to skodyfikowano system interfejsu graficznego <a href="/wiki/X_Window_System" title="X Window System">X Windows</a>. Pomiędzy wtedy i teraźniejszością, systematyką barw „logicznych” opiekowali się oprócz społeczności <a href="/wiki/X_Window_System" title="X Window System">X Windows</a> przede wszystkim inżynierowie <a href="/wiki/Microsoft" title="Microsoft">Microsoftu</a>, wdrażając je żywcem jako pierwsi do przeglądarki <a href="/wiki/Internet_Explorer" title="Internet Explorer">Internet Explorer</a> komercyjnie. </p><p>Specyfikacje SVG 1.1 i SVG Tiny 1.1 po prostu utrwalają te tradycje, nadając możliwość kombinowania i stosowania barw jako jednostek logicznych w nowoczesnych urządzeniach i oprogramowaniu. </p><p>Barwy według ustaleń dla SVG przez W3C rzekomo mają działać we wszystkich przeglądarkach, niezależnie od ustawień ekranu przez użytkownika czy limitacji sprzętowych. </p><p>Natomiast zaokrąglenia tradycyjne po prostu rozrzucają barwy wystarczająco daleko od siebie, aby były one zazwyczaj odróżniane. Jednak przestrzeń numeryczna RGB nie stanowi <a href="/wiki/Przestrze%C5%84_barw" title="Przestrzeń barw">absolutnej przestrzeni barw</a>. (Przykładem takowej jest <a href="/wiki/SRGB" title="SRGB">sRGB</a>.) Również, nie nadaje się ani ona ani np. sRGB czy Adobe RGB do porównywania odległości pomiędzy barwami, to jest ich różnic, jak to je postrzega ludzkie oko. Po prostu nie można porównać dowolnych dwóch wartości RGB czy ich różnic (nawet zaokrąglonych) jako różnic postrzeganych przez ludzi równomiernie. </p><p>W tym celu ustalono znormalizowane względem ludzkiej percepcji i oka przestrzenie <a href="/wiki/CIELab" title="CIELab">CIELab</a> i <a href="/wiki/CIELUV" title="CIELUV">CIELUV</a> oraz <a href="/wiki/Metryka" class="mw-disambig" title="Metryka">metrykę</a> <a href="/wiki/Delta_E" title="Delta E">Delta E</a>, oraz coraz to nowsze, dokładniejsze kolorymetryczne narzędzia. </p><p>Jednak zaistnienie i przetrwanie nazw dla barw dodatkowo pozwala na wskazanie ich zrozumiale, oraz na wykrycie literówki nie sposób do zauważenia gołym okiem w kodzie liczbowym. Nazwy kolorów także pozwalają na ich powielenie <a href="/wiki/Mnemotechnika" title="Mnemotechnika">mnemonicznie</a>, kiedy nie ma możliwości korzystania z kopiuj-wklej. </p> <div class="mw-heading mw-heading3"><h3 id="Inne_metody_(profesjonalne)" data-mw-thread-id="h-Inne_metody_(profesjonalne)-Zestawienie_kolorów"><span id="Inne_metody_.28profesjonalne.29"></span><span data-mw-comment-start="" id="h-Inne_metody_(profesjonalne)-Zestawienie_kolorów"></span>Inne metody (profesjonalne)<span data-mw-comment-end="h-Inne_metody_(profesjonalne)-Zestawienie_kolorów"></span></h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=10" title="Edytuj sekcję: Inne metody (profesjonalne)" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=10" title="Edytuj kod źródłowy sekcji: Inne metody (profesjonalne)"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Dla pełności opisu sprawy, nowoczesne metody wyszczególnienia barw wywodzą się ze środowisk technicznych grafików i drukarzy, oraz inżynierów od konstrukcji drukarek komputerowych w <a href="/wiki/Adobe_Systems" class="mw-redirect" title="Adobe Systems">Adobe Systems</a> (twórców <a href="/wiki/PostScript" title="PostScript">PostScriptu</a>) czy od telewizji analogowej/cyfrowej, czy nawet artystów w szkle, plakacie i fotografii, oraz techników od <a href="/wiki/Kolorymetria_(fizyka)" title="Kolorymetria (fizyka)">kolorymetrii</a>, w przeciwieństwie do społeczności programistów i deweloperów przeglądarek sieciowych. Nie są to tylko numerki trzech składowych RGB, czy logiczne nazwy historycznego zbioru powstałego na MIT. </p><p>Np. specyfikacja <a href="/wiki/HTML_5" class="mw-redirect" title="HTML 5">HTML 5</a> ma zawierać, a obecne specyfikacje <a href="/wiki/SVG" class="mw-redirect" title="SVG">SVG</a> 1.1 i <a href="/w/index.php?title=SVG_Tiny&action=edit&redlink=1" class="new" title="SVG Tiny (strona nie istnieje)">SVG Tiny</a> 1.1 już zawierają, możliwość określenia barwy składowymi dziesiętnymi, czy procentowo, czy arbitralnie precyzyjnymi wartościami liczb w przedziale 0..1. Notacje te są wykonane z uwzględnieniem kanału „alfa”, czyli stopnia przezroczystości. Przykładem tu będzie wektor lekko prześwitującej bieli wyrażonej składowymi dziesiętnymi: </p> <ul><li>rgba(255,255,255,0.8), alternatywnie to samo:</li> <li>rgba(100%,100%,100%,0.8).</li></ul> <p>Inne ścisłe systemy opisu barwy, np. metodą <a href="/wiki/HSL" title="HSL">HSL</a> (<a href="/wiki/J%C4%99zyk_angielski" title="Język angielski">ang.</a> od <em lang="en">Hue</em>, <em lang="en">Saturation</em>, <em lang="en">Luminance</em>), są także zaimplementowane (także w MediaWiki, jak i przetwarzane poprawnie przez nowoczesne przeglądarki zgodnie ze specyfikacjami SVG czy SVG Tiny). </p><p>Korzyści wypływające z takiej metody barwienia to m.in. naprowadzanie na pożądaną barwę z pobliskiej w miarę intuicyjnie, przez wykonanie „suwakowych” zmian w natężeniu, jasności czy odcieniu, lub dwoma albo nawet wszystkimi trzema na raz. W praktyce bywa to skuteczniejszym od przesuwania sobie podobnych suwaków RGB po przestrzeniach barw, gdzie zazwyczaj występują nieliniowe „uskoki” percepcyjne w kolorze. Sprawy te są naświetlone w specyfikacjach W3C oraz komentarzach udzielonych tamże<sup id="cite_ref-komentarze_do_komentarzy_o_CSS3_5-0" class="reference"><a href="#cite_note-komentarze_do_komentarzy_o_CSS3-5">[5]</a></sup>, jak i w artykule Wikipedii o HSL w wersji anglojęzycznej<sup id="cite_ref-6" class="reference"><a href="#cite_note-6">[6]</a></sup>. </p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Zobacz_też" data-mw-thread-id="h-Zobacz_też"><span id="Zobacz_te.C5.BC"></span><span data-mw-comment-start="" id="h-Zobacz_też"></span>Zobacz też<span data-mw-comment-end="h-Zobacz_też"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=11" title="Edytuj sekcję: Zobacz też" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=11" title="Edytuj kod źródłowy sekcji: Zobacz też"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Pomoc:Tabele#Kolory" title="Pomoc:Tabele">informacje o kolorowaniu tabel</a></li> <li><a href="/wiki/Kolory_w_Internecie" title="Kolory w Internecie">kolory w Internecie</a></li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Przypisy" data-mw-thread-id="h-Przypisy"><span data-mw-comment-start="" id="h-Przypisy"></span>Przypisy<span data-mw-comment-end="h-Przypisy"></span></h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Pomoc:Kolory&veaction=edit&section=12" title="Edytuj sekcję: Przypisy" class="mw-editsection-visualeditor"><span>edytuj</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Pomoc:Kolory&action=edit&section=12" title="Edytuj kod źródłowy sekcji: Przypisy"><span>edytuj kod</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="do-not-make-smaller refsection"><div class="mw-references-wrap"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text">według specyfikacji <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a> ('<i><a href="/wiki/Kaskadowe_arkusze_styl%C3%B3w" title="Kaskadowe arkusze stylów">CSS3</a>: Color Module, X11 color names</i></span> </li> <li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><a href="/wiki/Korekcja_gamma" title="Korekcja gamma">Korekcja gamma</a> opisana wyczerpująco w anglojęzycznej wersji artykułu, <a href="https://en.wikipedia.org/wiki/Gamma_correction" class="extiw" title="en:Gamma correction">en:Gamma correction</a>.</span> </li> <li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text">W wersji angielskiej Wikipedii: <a href="https://en.wikipedia.org/wiki/Adobe_RGB_color_space" class="extiw" title="en:Adobe RGB color space">en:Adobe RGB color space</a></span> </li> <li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text">wartości wyrażone w notacji <a href="/wiki/RGB" title="RGB">RGB</a> w <a href="/wiki/Szesnastkowy_system_liczbowy" title="Szesnastkowy system liczbowy">szesnastkowym systemie liczbowym</a> (wyrażonym skrótowo 3 cyframi z domyślnymi powtórzeniami w co drugim miejscu, zamiast wszystkich 6 cyfr dla po kolei: R (czerwony), G (zielony), B (niebieski))</span> </li> <li id="cite_note-komentarze_do_komentarzy_o_CSS3-5"><span class="mw-cite-backlink"><a href="#cite_ref-komentarze_do_komentarzy_o_CSS3_5-0">↑</a></span> <span class="reference-text"><cite class="citation web">Tantek Çelik (Microsoft) <tantekc@microsoft.com>: <a rel="nofollow" class="external text" href="http://www.w3.org/Style/2003/css3-color-comments.html">CSS3 Module: Color — Disposition of Comments</a>. [w:] <i>CSS3 Module</i> [on-line]. W3C, 2003-04-14. [dostęp 2009-02-16]. <span class="lang-list">(<abbr title="Treść w języku angielskim (English)">ang.</abbr>)</span>.</cite></span> </li> <li id="cite_note-6"><span class="mw-cite-backlink"><a href="#cite_ref-6">↑</a></span> <span class="reference-text"><a href="https://en.wikipedia.org/wiki/HSL" class="extiw" title="en:HSL">en:HSL</a></span> </li> </ol></div></div></div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&useformat=desktop" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Źródło: „<a dir="ltr" href="https://pl.wikipedia.org/w/index.php?title=Pomoc:Kolory&oldid=75217550">https://pl.wikipedia.org/w/index.php?title=Pomoc:Kolory&oldid=75217550</a>”</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Specjalna:Kategorie" title="Specjalna:Kategorie">Kategoria</a>: <ul><li><a href="/wiki/Kategoria:Pomoc_-_edytowanie_dla_zaawansowanych" title="Kategoria:Pomoc - edytowanie dla zaawansowanych">Pomoc - edytowanie dla zaawansowanych</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> Tę stronę ostatnio edytowano 12 lis 2024, 15:47.</li> <li id="footer-info-copyright">Tekst udostępniany na licencji <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.pl">Creative Commons: uznanie autorstwa, na tych samych warunkach</a>, z możliwością obowiązywania dodatkowych ograniczeń. Zobacz szczegółowe informacje o <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use/pl">warunkach korzystania</a>.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Polityka prywatności</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:O_Wikipedii">O Wikipedii</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:Korzystasz_z_Wikipedii_tylko_na_w%C5%82asn%C4%85_odpowiedzialno%C5%9B%C4%87">Korzystasz z Wikipedii tylko na własną odpowiedzialność</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Powszechne Zasady Postępowania</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Dla deweloperów</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/pl.wikipedia.org">Statystyki</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Oświadczenie o ciasteczkach</a></li> <li id="footer-places-mobileview"><a href="//pl.m.wikipedia.org/w/index.php?title=Pomoc:Kolory&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Wersja mobilna</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-5c59558b9d-tb2bj","wgBackendResponseTime":145,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Subiektywność_postrzegania","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Tabele_kolorów","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Kolory_Wikipedii-Tabele_kolorów","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Kolory_nazywane-Tabele_kolorów","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Kolory_bezpieczne_dla_WWW-Tabele_kolorów","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Gamma","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Składowe_koloru","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Zestawienie_kolorów","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Dane_podstawowe-Zestawienie_kolorów","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Inne_metody_(profesjonalne)-Zestawienie_kolorów","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Zobacz_też","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Przypisy","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.047"},"limitreport":{"cputime":"0.189","walltime":"0.235","ppvisitednodes":{"value":823,"limit":1000000},"postexpandincludesize":{"value":5292,"limit":2097152},"templateargumentsize":{"value":769,"limit":2097152},"expansiondepth":{"value":12,"limit":100},"expensivefunctioncount":{"value":0,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":3688,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 114.361 1 -total"," 33.68% 38.521 1 Szablon:Przypisy"," 27.13% 31.031 3 Szablon:K"," 24.67% 28.208 3 Szablon:J"," 23.17% 26.501 1 Szablon:Cytuj_stronę"," 16.63% 19.022 1 Pomoc:Edytowanie/Nawigacja"," 9.78% 11.188 1 Szablon:Główka_strony_pomocy"," 8.00% 9.149 1 Szablon:Skrót"," 4.19% 4.787 1 Szablon:Ui-kolory"," 3.06% 3.500 2 Szablon:Lang"]},"scribunto":{"limitreport-timeusage":{"value":"0.020","limit":"10.000"},"limitreport-memusage":{"value":1645093,"limit":52428800},"limitreport-logs":"required = table#1 {\n}\n"},"cachereport":{"origin":"mw-web.codfw.main-6d94db5ff4-6w5bb","timestamp":"20241128205727","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>