A new vision for the future of freelancing

Color Picker & Opacity

Opacity (Alpha): 100%

HEX (مع الشفافية):

RGBA:

HSLA:

CSS Code:

Color Harmonies

Complementary

Analogous

Triadic

Monochromatic

Tints & Shades

Lighter (Tints) (إلى الأبيض)

Darker (Shades) (إلى الأسود)

Material Scale

توليد درجات الألوان القياسية (50 إلى 900) بناءً على اللون الأساسي المختار.

الدرجة 500 هي اللون الأساسي غالباً.

Color Mixer

Color 1

Color 2

Mix Ratio Result:

Random Palette Generator

Contrast Checker

Background Color

Text Color

Test Text - نص تجريبي

Extract Colors from Image

Flexbox Generator

اتجاه (flex-direction)

أفقي (justify-content)

رأسي (align-items)

المسافة (gap)

CSS Grid Generator

عدد الأعمدة (Columns)

المسافة (Gap)

Custom Scrollbar

حجم الشريط

لون المؤشر (Thumb)

لون الخلفية (Track)

مرر للأسفل لمعاينة الشريط

Gradient Generator

Color 1

Color 2

Direction

Box Shadow Generator

Preview Background

Box Color

Shadow Color

X-axis Y-axis Blur Spread شفافية الظل

Text Shadow Generator

Preview Background

Shadow Color

X-axis Y-axis Blur

Border Radius Generator

Top Left Top Right Bottom Right Bottom Left

2D Transforms

Rotate (deg) Scale Translate X (px) Translate Y (px)

Transform

Glassmorphism Effect

لون الزجاج شفافية الزجاج Backdrop Blur

Glass Effect

CSS Image Filters

Blur Brightness Contrast Grayscale

Text Formatter & Stats

0 Words 0 Chars

Find & Replace

Lorem Ipsum Generator

اللغة

Paragraphs