Контраст

Довідничок дизайнера. Яким кольором по якому писати можна, аби видно було. Табличка розрахована на основі ось цих рекомендацій.
Теоретично, вона впорядкована за яскравістю, стандарт sRGB, але (принаймні мені персонально) бачиться інакше (синій світліший). Може дисплей неправильний, може очі? Та, звісно, залежить від налаштувань.
Тут ідеться про яскравість. Варто зауважити, що за кольоровим тоном взагалі легше відрізняти синій від жовтого (бурого), ніж червонуваті відтінки від зеленуватих.
КолірЯскравістьМiнімальна яскравість
світлішого контрастного кольору
при контрасті
Шістнадцяткове
позначення		Приклад3:14,5:17:1
000000 . 0,000000,100000,175000,30000
000033 . 0,002390,107170,185750,31673
330000 . 0,007030,121110,206670,34926
330033 . 0,009420,128280,217420,36599
000066 . 0,009590,128770,218160,36715
330066 . 0,016630,149890,249840,41641
000099 . 0,022990,168990,278490,46099
003300 . 0,023670,171020,281540,46573
003333 . 0,026060,178200,292300,48246
660000 . 0,028240,184740,302110,49773
330099 . 0,030030,190110,310160,51026
660033 . 0,030630,191910,312870,51446
333300 . 0,030710,192140,313210,51500
333333 . 0,033100,199310,323970,53173
003366 . 0,033260,199800,324710,53288
660066 . 0,037840,213520,345280,56488
333366 . 0,040300,220920,356380,58215
0000cc . 0,043590,230780,371180,60517
003399 . 0,046670,240020,385040,62672
3300cc . 0,050630,251900,402850,65444
660099 . 0,051240,253740,405610,65872
663300 . 0,051920,255770,408650,66347
333399 . 0,053710,261140,416710,67599
663333 . 0,054310,262940,419410,68020
663366 . 0,061510,284550,451820,73062
0033cc . 0,067270,301810,477720,77091
990000 . 0,067720,303160,479750,77406
990033 . 0,070110,310330,490500,79079
6600cc . 0,071840,315530,498290,80290
0000ff . 0,072200,316600,499900,80540
3333cc . 0,074310,322930,509390,82017
663399 . 0,074920,324770,512150,82446
990066 . 0,077310,331940,522920,84121
3300ff . 0,079230,337710,531570,85466
990099 . 0,090720,372160,583240,93505
993300 . 0,091390,374190,586290,93979
993333 . 0,093780,381360,597050,95652
006600 . 0,095020,385080,602620,96519
6633cc . 0,095520,386560,604840,96864
0033ff . 0,095870,387620,606440,97113
006633 . 0,097410,392250,613370,98192
6600ff . 0,100440,401340,62701-------
993366 . 0,100990,402970,62946-------
336600 . 0,102060,406190,63429-------
3333ff . 0,102910,408740,63811-------
336633 . 0,104450,413360,64505-------
006666 . 0,104620,413860,64579-------
9900cc . 0,111310,433950,67593-------
336666 . 0,111650,434970,67746-------
993399 . 0,114390,443190,68979-------
006699 . 0,118020,454070,70611-------
666600 . 0,123270,469820,72973-------
6633ff . 0,124120,472370,73355-------
336699 . 0,125060,475190,73779-------
666633 . 0,125660,476990,74049-------
cc0000 . 0,128370,485120,75268-------
cc0033 . 0,130760,492290,76343-------
666666 . 0,132860,498600,77290-------
9933cc . 0,134990,504980,78248-------
cc0066 . 0,137960,513900,79585-------
0066cc . 0,138620,515870,79880-------
9900ff . 0,139920,519760,80465-------
3366cc . 0,145660,536980,83047-------
666699 . 0,146270,538820,83323-------
cc0099 . 0,151370,554110,85617-------
cc3300 . 0,152050,556150,85922-------
cc3333 . 0,154440,563320,86998-------
cc3366 . 0,161640,584920,90239-------
996600 . 0,162750,588250,90737-------
9933ff . 0,163590,590790,91119-------
996633 . 0,165140,595420,91813-------
6666cc . 0,166870,600610,92592-------
0066ff . 0,167220,601680,92752-------
cc00cc . 0,171970,615910,94886-------
996666 . 0,172340,617030,95054-------
3366ff . 0,174260,622790,95919-------
cc3399 . 0,175040,625140,96272-------
996699 . 0,185740,65724--------------
6666ff . 0,195470,68642--------------
cc33cc . 0,195640,68693--------------
cc00ff . 0,200570,70172--------------
9966cc . 0,206340,71904--------------
ff0000 . 0,212600,73780--------------
ff0033 . 0,214990,74497--------------
ff0066 . 0,222190,76657--------------
cc6600 . 0,223400,77020--------------
cc33ff . 0,224250,77275--------------
cc6633 . 0,225790,77737--------------
009900 . 0,227820,78347--------------
009933 . 0,230210,79064--------------
cc6666 . 0,232990,79898--------------
339900 . 0,234860,80458--------------
9966ff . 0,234950,80485--------------
ff0099 . 0,235590,80679--------------
ff3300 . 0,236270,80882--------------
339933 . 0,237250,81175--------------
009966 . 0,237410,81225--------------
ff3333 . 0,238660,81600--------------
339966 . 0,244450,83336--------------
ff3366 . 0,245860,83760--------------
cc6699 . 0,246400,83920--------------
009999 . 0,250820,85247--------------
669900 . 0,256070,86821--------------
ff00cc . 0,256190,86858--------------
339999 . 0,257860,87358--------------
669933 . 0,258460,87538--------------
ff3399 . 0,259270,87782--------------
669966 . 0,265660,89699--------------
cc66cc . 0,266990,90099--------------
0099cc . 0,271420,91426--------------
3399cc . 0,278450,93537--------------
669999 . 0,279070,93721--------------
ff33cc . 0,279870,93961--------------
ff00ff . 0,284800,95440--------------
999900 . 0,295540,98664--------------
cc66ff . 0,295600,98680--------------
999933 . 0,297930,99381--------------
6699cc . 0,299660,99900--------------
0099ff . 0,30002---------------------
999966 . 0,30514---------------------
3399ff . 0,30706---------------------
ff6600 . 0,30762---------------------
ff33ff . 0,30847---------------------
ff6633 . 0,31001---------------------
ff6666 . 0,31722---------------------
999999 . 0,31854---------------------
6699ff . 0,32827---------------------
ff6699 . 0,33062---------------------
9999cc . 0,33914---------------------
ff66cc . 0,35122---------------------
cc9900 . 0,35619---------------------
cc9933 . 0,35858---------------------
cc9966 . 0,36579---------------------
9999ff . 0,36774---------------------
cc9999 . 0,37919---------------------
ff66ff . 0,37982---------------------
cc99cc . 0,39979---------------------
cc99ff . 0,42839---------------------
00cc00 . 0,43185---------------------
00cc33 . 0,43424---------------------
33cc00 . 0,43889---------------------
ff9900 . 0,44042---------------------
33cc33 . 0,44128---------------------
00cc66 . 0,44145---------------------
ff9933 . 0,44281---------------------
33cc66 . 0,44848---------------------
ff9966 . 0,45001---------------------
00cc99 . 0,45485---------------------
66cc00 . 0,46010---------------------
33cc99 . 0,46189---------------------
66cc33 . 0,46249---------------------
ff9999 . 0,46342---------------------
66cc66 . 0,46969---------------------
00cccc . 0,47545---------------------
33cccc . 0,48249---------------------
66cc99 . 0,48310---------------------
ff99cc . 0,48402---------------------
99cc00 . 0,49958---------------------
99cc33 . 0,50197---------------------
66cccc . 0,50370---------------------
00ccff . 0,50405---------------------
99cc66 . 0,50917---------------------
33ccff . 0,51109---------------------
ff99ff . 0,51262---------------------
99cc99 . 0,52257---------------------
66ccff . 0,53230---------------------
99cccc . 0,54317---------------------
cccc00 . 0,56023---------------------
cccc33 . 0,56262---------------------
cccc66 . 0,56982---------------------
99ccff . 0,57178---------------------
cccc99 . 0,58323---------------------
cccccc . 0,60382---------------------
ccccff . 0,63243---------------------
ffcc00 . 0,64445---------------------
ffcc33 . 0,64684---------------------
ffcc66 . 0,65405---------------------
ffcc99 . 0,66745---------------------
ffcccc . 0,68805---------------------
00ff00 . 0,71520---------------------
ffccff . 0,71665---------------------
00ff33 . 0,71759---------------------
33ff00 . 0,72223---------------------
33ff33 . 0,72462---------------------
00ff66 . 0,72479---------------------
33ff66 . 0,73183---------------------
00ff99 . 0,73819---------------------
66ff00 . 0,74344---------------------
33ff99 . 0,74523---------------------
66ff33 . 0,74583---------------------
66ff66 . 0,75304---------------------
00ffcc . 0,75879---------------------
33ffcc . 0,76583---------------------
66ff99 . 0,76644---------------------
99ff00 . 0,78292---------------------
99ff33 . 0,78531---------------------
66ffcc . 0,78704---------------------
00ffff . 0,78740---------------------
99ff66 . 0,79251---------------------
33ffff . 0,79443---------------------
99ff99 . 0,80592---------------------
66ffff . 0,81564---------------------
99ffcc . 0,82651---------------------
ccff00 . 0,84357---------------------
ccff33 . 0,84596---------------------
ccff66 . 0,85316---------------------
99ffff . 0,85512---------------------
ccff99 . 0,86657---------------------
ccffcc . 0,88717---------------------
ccffff . 0,91577---------------------
ffff00 . 0,92780---------------------
ffff33 . 0,93019---------------------
ffff66 . 0,93739---------------------
ffff99 . 0,95079---------------------
ffffcc . 0,97139---------------------
ffffff . 1,00000---------------------

Коментарі

Дописати коментар

Популярні публікації