HTML-colors
2023-09-28 16:1314:28
■ black #000000;
■ black-alpha-05 rgba(0, 0, 0, 0.05);
■ black-alpha-10 rgba(0, 0, 0, 0.1);
■ black-alpha-15 rgba(0, 0, 0, 0.15);
■ black-alpha-20 rgba(0, 0, 0, 0.2);
■ black-alpha-30 rgba(0, 0, 0, 0.3);
■ black-alpha-40 rgba(0, 0, 0, 0.4);
■ black-alpha-50 rgba(0, 0, 0, 0.5);
■ black-alpha-60 rgba(0, 0, 0, 0.6);
■ black-alpha-80 rgba(0, 0, 0, 0.8);
■ blue-05 #ECF3FF;
■ blue-30 #AAC9FF;
■ blue-40 #77A7FF;
■ blue-60 #1877F2;
■ blue-70 #2851A3;
■ blue-80 #1D3C78;
■ button-text #444950;
■ comment-background #F2F3F5;
■ dark-mode-gray-35 #CCCCCC;
■ dark-mode-gray-50 #828282;
■ dark-mode-gray-70 #4A4A4A;
■ dark-mode-gray-80 #373737;
■ dark-mode-gray-90 #282828;
■ dark-mode-gray-100 #1C1C1C;
■ gray-00 #F5F6F7;
■ gray-05 #F2F3F5;
■ gray-10 #EBEDF0;
■ gray-20 #DADDE1;
■ gray-25 #CCD0D5;
■ gray-30 #BEC3C9;
■ gray-45 #8D949E;
■ gray-70 #606770;
■ gray-80 #444950;
■ gray-90 #303338;
■ gray-100 #1C1E21;
■ green-55 #00A400;
■ highlight #3578E5;
■ highlight-cell-background #ECF3FF;
■ primary-icon #1C1E21;
■ primary-text #1C1E21;
■ red-55 #FA383E;
■ soft cubic-bezier(.08,.52,.52,1);
■ spectrum-aluminum-tint-70 #E4F0F6;
■ spectrum-blue-gray-tint-70 #CFD1D5;
■ spectrum-cherry #F35369;
■ spectrum-cherry-tint-70 #FBCCD2;
■ spectrum-grape-tint-70 #DDD5F0;
■ spectrum-grape-tint-90 #F4F1FA;
■ spectrum-lemon-dark-1 #F5C33B;
■ spectrum-lemon-tint-70 #FEF2D1;
■ spectrum-lime #A3CE71;
■ spectrum-lime-tint-70 #E4F0D5;
■ spectrum-orange-tint-70 #FCDEC5;
■ spectrum-orange-tint-90 #FEF4EC;
■ spectrum-seafoam-tint-70 #CAEEF9;
■ spectrum-slate-dark-2 #89A1AC;
■ spectrum-slate-tint-70 #EAEFF2;
■ spectrum-teal #6BCEBB;
■ spectrum-teal-dark-1 #4DBBA6;
■ spectrum-teal-dark-2 #31A38D;
■ spectrum-teal-tint-70 #D2F0EA;
■ spectrum-teal-tint-90 #F0FAF8;
■ spectrum-tomato #FB724B;
■ spectrum-tomato-tint-30 #F38E7B;
■ spectrum-tomato-tint-90 #FDEFED;
■ strong cubic-bezier(.12,.8,.32,1);
■ white #FFFFFF;
■ white-alpha-05 rgba(255, 255, 255, 0.05);
■ white-alpha-10 rgba(255, 255, 255, 0.1);
■ white-alpha-20 rgba(255, 255, 255, 0.2);
■ white-alpha-30 rgba(255, 255, 255, 0.3);
■ white-alpha-40 rgba(255, 255, 255, 0.4);
■ white-alpha-50 rgba(255, 255, 255, 0.5);
■ white-alpha-60 rgba(255, 255, 255, 0.6);
■ white-alpha-80 rgba(255, 255, 255, 0.8);
■ yellow-20 #FFBA00;
■ accent #0866FF;
■ always-white #FFFFFF;
■ always-black black;
■ always-dark-gradient linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
■ always-dark-overlay rgba(0, 0, 0, 0.4);
■ always-light-overlay rgba(255, 255, 255, 0.4);
■ always-gray-40 #65676B;
■ always-gray-75 #BCC0C4;
■ always-gray-95 #F0F2F5;
■ attachment-footer-background #F0F2F5;
■ background-deemphasized #F0F2F5;
■ base-blue #1877F2;
■ base-cherry #F3425F;
■ base-grape #9360F7;
■ base-lemon #F7B928;
■ base-lime #45BD62;
■ base-pink #FF66BF;
■ base-seafoam #54C7EC;
■ base-teal #2ABBA7;
■ base-tomato #FB724B;
■ text-badge-info-background hsl(214, 89%, 52%);
■ text-badge-success-background #31A24C;
■ text-badge-attention-background hsl(40, 89%, 52%);
■ text-badge-critical-background #e41e3f;
■ blue-link #0064D1;
■ border-focused #65676B;
■ card-background #FFFFFF;
■ card-background-flat #F7F8FA;
■ comment-background #F0F2F5;
■ comment-footer-background #F6F9FA;
■ dataviz-primary-1 rgb(48,200,180);
■ disabled-button-background #E4E6EB;
■ disabled-button-text #BCC0C4;
■ disabled-icon #BCC0C4;
■ disabled-text #BCC0C4;
■ divider #CED0D4;
■ event-date #F3425F;
■ fb-wordmark #0866FF;
16:13
■ black #000000;
■ black-alpha-05 rgba(0, 0, 0, 0.05);
■ black-alpha-10 rgba(0, 0, 0, 0.1);
■ black-alpha-15 rgba(0, 0, 0, 0.15);
■ black-alpha-20 rgba(0, 0, 0, 0.2);
■ black-alpha-30 rgba(0, 0, 0, 0.3);
■ black-alpha-40 rgba(0, 0, 0, 0.4);
■ black-alpha-50 rgba(0, 0, 0, 0.5);
■ black-alpha-60 rgba(0, 0, 0, 0.6);
■ black-alpha-80 rgba(0, 0, 0, 0.8);
■ blue-05 #ECF3FF;
■ blue-30 #AAC9FF;
■ blue-40 #77A7FF;
■ blue-60 #1877F2;
■ blue-70 #2851A3;
■ blue-80 #1D3C78;
■ button-text #444950;
■ comment-background #F2F3F5;
■ dark-mode-gray-35 #CCCCCC;
■ dark-mode-gray-50 #828282;
■ dark-mode-gray-70 #4A4A4A;
■ dark-mode-gray-80 #373737;
■ dark-mode-gray-90 #282828;
■ dark-mode-gray-100 #1C1C1C;
■ gray-00 #F5F6F7;
■ gray-05 #F2F3F5;
■ gray-10 #EBEDF0;
■ gray-20 #DADDE1;
■ gray-25 #CCD0D5;
■ gray-30 #BEC3C9;
■ gray-45 #8D949E;
■ gray-70 #606770;
■ gray-80 #444950;
■ gray-90 #303338;
■ gray-100 #1C1E21;
■ green-55 #00A400;
■ highlight #3578E5;
■ highlight-cell-background #ECF3FF;
■ primary-icon #1C1E21;
■ primary-text #1C1E21;
■ red-55 #FA383E;
■ soft cubic-bezier(.08,.52,.52,1);
■ spectrum-aluminum-tint-70 #E4F0F6;
■ spectrum-blue-gray-tint-70 #CFD1D5;
■ spectrum-cherry #F35369;
■ spectrum-cherry-tint-70 #FBCCD2;
■ spectrum-grape-tint-70 #DDD5F0;
■ spectrum-grape-tint-90 #F4F1FA;
■ spectrum-lemon-dark-1 #F5C33B;
■ spectrum-lemon-tint-70 #FEF2D1;
■ spectrum-lime #A3CE71;
■ spectrum-lime-tint-70 #E4F0D5;
■ spectrum-orange-tint-70 #FCDEC5;
■ spectrum-orange-tint-90 #FEF4EC;
■ spectrum-seafoam-tint-70 #CAEEF9;
■ spectrum-slate-dark-2 #89A1AC;
■ spectrum-slate-tint-70 #EAEFF2;
■ spectrum-teal #6BCEBB;
■ spectrum-teal-dark-1 #4DBBA6;
■ spectrum-teal-dark-2 #31A38D;
■ spectrum-teal-tint-70 #D2F0EA;
■ spectrum-teal-tint-90 #F0FAF8;
■ spectrum-tomato #FB724B;
■ spectrum-tomato-tint-30 #F38E7B;
■ spectrum-tomato-tint-90 #FDEFED;
■ strong cubic-bezier(.12,.8,.32,1);
■ white #FFFFFF;
■ white-alpha-05 rgba(255, 255, 255, 0.05);
■ white-alpha-10 rgba(255, 255, 255, 0.1);
■ white-alpha-20 rgba(255, 255, 255, 0.2);
■ white-alpha-30 rgba(255, 255, 255, 0.3);
■ white-alpha-40 rgba(255, 255, 255, 0.4);
■ white-alpha-50 rgba(255, 255, 255, 0.5);
■ white-alpha-60 rgba(255, 255, 255, 0.6);
■ white-alpha-80 rgba(255, 255, 255, 0.8);
■ yellow-20 #FFBA00;
■ accent #0866FF;
■ always-white #FFFFFF;
■ always-black black;
■ always-dark-gradient linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
■ always-dark-overlay rgba(0, 0, 0, 0.4);
■ always-light-overlay rgba(255, 255, 255, 0.4);
■ always-gray-40 #65676B;
■ always-gray-75 #BCC0C4;
■ always-gray-95 #F0F2F5;
■ attachment-footer-background #F0F2F5;
■ background-deemphasized #F0F2F5;
■ base-blue #1877F2;
■ base-cherry #F3425F;
■ base-grape #9360F7;
■ base-lemon #F7B928;
■ base-lime #45BD62;
■ base-pink #FF66BF;
■ base-seafoam #54C7EC;
■ base-teal #2ABBA7;
■ base-tomato #FB724B;
■ text-badge-info-background hsl(214, 89%, 52%);
■ text-badge-success-background #31A24C;
■ text-badge-attention-background hsl(40, 89%, 52%);
■ text-badge-critical-background #e41e3f;
■ blue-link #0064D1;
■ border-focused #65676B;
■ card-background #FFFFFF;
■ card-background-flat #F7F8FA;
■ comment-background #F0F2F5;
■ comment-footer-background #F6F9FA;
■ dataviz-primary-1 rgb(48,200,180);
■ disabled-button-background #E4E6EB;
■ disabled-button-text #BCC0C4;
■ disabled-icon #BCC0C4;
■ disabled-text #BCC0C4;
■ divider #CED0D4;
■ event-date #F3425F;
■ fb-wordmark #0866FF;
16:13