קאָליר קאָוד גענעראַטאָר & פּיקער

גענערירן קאָליר קאָודס, וועריאַציעס, האַרמאָניעס, און טשעק קאָנטראַסט ראַטיאָס.

קאָליר קאָנווערסיע

HEX

#6d9292

Juniper

HEX
#6d9292
HSL
180, 15, 50
RGB
109, 146, 146
XYZ
22, 26, 31
CMYK
25, 0, 0, 43
LUV
58,-10,1
LAB
58, -13, -4
HWB
180, 43, 43

וואַריאַציעס

דער ציל פון דעם אָפּטייל איז צו פּינטלעך פּראָדוצירן טינץ (ריין ווייַס צוגעגעבן) און שיידז (ריין שוואַרץ צוגעגעבן) פון דיין אויסגעקליבן קאָליר אין 10% ינקראַמאַנץ.

פּראָ עצה: נוצן שיידז פֿאַר האַווער שטאַטן און שאַדאָוז, טינץ פֿאַר כיילייץ און באַקגראַונדז.

שיידז

דאַרקער וואַריאַציעס באשאפן דורך צוגעבן שוואַרץ צו דיין באַזע קאָליר.

טינץ

לייטער וואַריאַציעס באשאפן דורך צוגעבן ווייַס צו דיין באַזע קאָליר.

געוויינטלעך נוצן קאַסעס

  • UI קאָמפּאָנענט שטאַטן (האַווער, אַקטיוו, פאַרקריפּלט)
  • שאַפֿן טיפקייַט מיט שאַדאָוז און כיילייץ
  • בויען קאָנסיסטענט קאָליר סיסטעמען

דיזיין סיסטעם עצה

די וואַריאַציעס פאָרעם די יסוד פון אַ קאָוכיסיוו קאָליר פּאַליטרע. אַרויספירן זיי צו האַלטן קאָנסיסטענסי איבער דיין גאנצע פּרויעקט.

קאָליר קאָמבינאַציעס

יעדער האַרמאָניע האט זיין אייגענע שטימונג. ניצן האַרמאָניעס צו בריינסטאָרם קאָליר קאָמבאָס וואָס אַרבעטן געזונט צוזאַמען.

ווי צו נוצן

גיט אויף קיין קאָליר צו קאָפּירן זיין העקס ווערט. די קאָמבינאַציעס זענען מאַטהאַמאַטיקלי פּראָווען צו שאַפֿן וויזשאַוואַל האַרמאָניע.

פארוואס עס איז וויכטיק

קאָליר האַרמאָניעס שאַפֿן וואָג און רופן ספּעציפיש ימאָושאַנז אין דיין דיזיינז.

קאָמפּלימענט

אַ קאָליר און זיין פאַרקערט אויף דער קאָליר ראָד, +180 גראַד פון כיו. הויך קאָנטראַסט.

#6d9292
בעסטער פֿאַר: הויך-ימפּאַקט דיזיינז, CTAס, לאָגאָס

ספּליט-קאָמפּלימענטאַרי

אַ קאָליר און צוויי אַדזשייסאַנט צו זיין קאָמפּלימענט, +/-30 גראַד פון כיו פון די ווערט פאַרקערט די הויפּט קאָליר. דרייסט ווי אַ גלייַך קאָמפּלימענט, אָבער מער ווערסאַטאַל.

בעסטער פֿאַר: לעבעדיק אָבער באַלאַנסט אויסלייג

טריאַדיש

דריי קאָלירן ספּייסט יוואַנלי צוזאמען די קאָליר ראָד, יעדער 120 גראַד פון כיו באַזונדער. בעסטער צו לאָזן איין קאָליר צו דאַמאַנייט און נוצן די אנדערע ווי אַקסענץ.

בעסטער פֿאַר: שפּילעריש, ענערגעטיק דיזיינז

אַנאַלאָגאָוס

דריי קאָלירן פון דער זעלביקער לומאַנאַנס און סאַטוריישאַן מיט כיוז וואָס זענען אַדזשייסאַנט אויף דער קאָליר ראָד, 30 גראַד באַזונדער. גלאַט טראַנזישאַנז.

בעסטער פֿאַר: נאַטור-ינספּייערד, רויק אינטערפייסיז

מאָנאָקראָמאַטיק

דריי קאָלירן פון דער זעלביקער כיו מיט לומאַנאַנס וואַלועס +/-50%. סאַבל און ראַפינירט.

בעסטער פֿאַר: מינימאַליסטיש, סאַפיסטיקייטיד דיזיינז

טעטראדיק

צווי זאצן פון קאָמפּלעמענטאַרע קאָלירן, אפגעטיילט דורך 60 גראַד פון כיו.

בעסטער פֿאַר: רייַך, פאַרשיידנקייַט קאָליר סכעמעס

קאָליר טעאָריע פּרינציפּן

באַלאַנס

ניצן איין דאָמינאַנט קאָליר, שטיצן מיט צווייטיק, און אַקסענט ספּערינגלי.

קאָנטראַסט

זיכערשטעלן גענוג קאָנטראַסט פֿאַר לייענבאַרקייט און אַקסעסאַביליטי.

האַרמאָניע

קאָלירן זאָל אַרבעטן צוזאַמען צו שאַפֿן אַ פאַרייניקטע וויזשאַוואַל דערפאַרונג.

קאָליר קאָנטראַסט טשעקער

טעסט קאָליר קאָמבינאַציעס צו ענשור זיי טרעפן WCAG אַקסעסאַביליטי סטאַנדאַרדס פֿאַר טעקסט לייענבאַרקייט.

טעקסט קאָליר
הינטערגרונט קאָליר
קאָנטראַסט
1.00
Fail
זייער שלעכט
קליין טעקסט
✖︎
גרויס טעקסט
✖︎
WCAG סטאַנדאַרדס
AA:מינימום קאָנטראַסט פאַרהעלטעניש פון 4.5:1 פֿאַר נאָרמאַל טעקסט און 3:1 פֿאַר גרויס טעקסט. פארלאנגט פֿאַר רובֿ וועבסיטעס.
AAA:ענכאַנסט קאָנטראַסט פאַרהעלטעניש פון 7:1 פֿאַר נאָרמאַל טעקסט און 4.5:1 פֿאַר גרויס טעקסט. רעקאַמענדיד פֿאַר אָפּטימאַל אַקסעסאַביליטי.
נישט גענוג קאָנטראַסט פֿאַר אַלע טעקסט גרייסן - דורכפאַל WCAG סטאַנדאַרדס.

אַוואַנסירטע קאָנטראַסט טשעקער

פייַן-ניגן מיט סליידער, קייפל פּריוויוז & מער

יעדער איינער איז אַ געניוס. אָבער אויב דו ריכטער אַ פיש לויט זיין פיייקייט צו קריכן אַ בוים, וועט עס לעבן זיין גאנצע לעבן גלויבנדיק אַז עס איז נאַריש.

- Albert Einstein

טעכנישע פֿאָרמאַטן

פּראַקטיש פֿאָרמאַטן

קאָליר אַנאַליז

בלינדקייט סימולאַטאָר

קרעאַטיווע אַספּעקץ