Sass రంగు ఫంక్షన్స్

Sass రంగు ఫంక్షన్స్

మేము Sass లో రంగు ఫంక్షన్స్ మూడు భాగాలుగా విభజించాము: రంగు ఫంక్షన్ సెట్, రంగు ఫంక్షన్ గెట్, మరియు రంగు ఫంక్షన్ ఆపరేషన్స్:

Sass రంగు ఫంక్షన్ సెట్

Sass రంగు కార్యకలాపాల ఫంక్షన్ ఫంక్షన్
rgb(ఎరుపు, ఎరుపు, నీలి)

Red-Green-Blue (RGB) మోడల్ ద్వారా రంగులను సెట్ చేయండి.
rgb(red, green, blue) ద్వారా RGB రంగు విలువను నిర్దేశించండి.
ప్రతి పారామీటర్ ఈ రంగు బలాన్ని నిర్వచిస్తుంది, ఇది 0 నుండి 255 మధ్య పదార్థిక సంఖ్యలు లేదా 0% నుండి 100% మధ్య శతకం విలువలు కావచ్చు.

实例：

rgb(0, 0, 255);
// తెలుగు రంగు బ్లూ పారామీటర్ అత్యధిక విలువను (255) సెట్ చేయబడింది, ఇతర పారామీటర్స్ 0 సెట్ చేయబడినవి
rgba(ఎరుపు, ఎరుపు, నీలి, alpha)

使用 Red-Green-Blue-Alpha (RGBA) 模型设置颜色。
RGBA 颜色值是带有 alpha 通道的 RGB 颜色值的扩展 - 该通道指定颜色的不透明度。
alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。

实例：

rgba(0, 0, 255, 0.3); // 呈现为有透明度的蓝色
hsl(హ్యూ, సాట్యం, ప్రకాశవత్తనం)

使用 Hue-Saturation-Lightness 模型设置颜色 - 并代表颜色的圆柱坐标表示。
Hue（色调）是色轮上的度数（从0到360）- 0或360是红色，120是绿色，240是蓝色
Saturation（饱和度）是百分比值； 0% 表示灰色阴影，100% 表示全彩。
Lightness（亮度）也是百分比；0% 是黑色，100% 是白色。

实例：

hsl(120, 100%, 50%); // 绿色
hsl(120, 100%, 75%); // 浅绿色
hsl(120, 100%, 25%); // 深绿色
hsl(120, 60%, 70%); // 淡绿色

hsla(హ్యూ, సాట్యం, ప్రకాశవత్తనం, alpha)

使用 Hue-Saturation-Lightness-Alpha (HSLA) 模型设置颜色。
HSLA 颜色值是 HSL 颜色值的扩展，带有 alpha 通道 - 指定颜色的不透明度。
alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。

实例：

hsl(120, 100%, 50%, 0.3); // 带不透明度的绿色
hsl(120, 100%, 75%, 0.3); // 带不透明度的浅绿色

grayscale(color)

设置与颜色具有相同亮度的灰色。

实例：

grayscale(#7fffd4);

结果：#c6c6c6
complement(color)

设置颜色的互补色。

实例：

complement(#7fffd4);

结果：#ff7faa
invert(color, రంగు 1 మరియు రంగు 2 యొక్క మిశ్రమ రంగును సృష్టించండి.)

设置颜色的反色或负色。
రంగు 1 మరియు రంగు 2 యొక్క మిశ్రమ రంగును సృష్టించండి.参数是可选的，必须是介于 0% 和 100% 之间的数字。默认值为100%。

实例：

invert(white);

结果：black

Sass 获取颜色函数

Sass రంగు కార్యకలాపాల ఫంక్షన్ ఫంక్షన్
red(color)

以 0 到 255 之间的数字返回颜色的红色值。

实例：

red(#7fffd4);

结果：127

red(red);

blue(blue);
green(color)

以 0 到 255 之间的数字返回颜色的绿色值。

实例：

green(#7fffd4);

blue(blue);

green(blue);

green(blue);
ఫలితం: 0color)

blue(

实例：

నీలి నుండి నీలి విలువను 0 నుండి 255 మధ్య సంఖ్యలుగా తిరిగి ఇవ్వండి.

blue(#7fffd4);

ఫలితం: 212

blue(blue);
ఫలితం: 255color)

hue(

实例：

రంగు యొక్క రంగు ను 0deg నుండి 360deg మధ్య సంఖ్యలుగా తిరిగి ఇవ్వండి.

hue(#7fffd4);
ఫలితం: 160degcolor)

saturation(

实例：

రంగు యొక్క HSL సాట్యాన్ని 0% నుండి 100% మధ్య సంఖ్యలుగా తిరిగి ఇవ్వండి.

saturation(#7fffd4);
ఫలితం: 100%color)

lightness(

实例：

రంగు యొక్క HSL ప్రకాశవత్తనాన్ని 0% నుండి 100% మధ్య సంఖ్యలుగా తిరిగి ఇవ్వండి.

lightness(#7fffd4);
ఫలితం: 74.9%color)

opacity(

实例：

alpha(

alpha(#7fffd4);
ఫలితం: 1color)

opacity(

实例：

రంగు యొక్క alpha చానల్‌ను 0 నుండి 1 మధ్య సంఖ్యలుగా తిరిగి ఇవ్వండి.

opacity(rgba(127, 255, 212, 0.5));

ఫలితం: 0.5

Sass రంగు కార్యకలాపాల ఫంక్షన్ ఫంక్షన్
వివరణ & ఉదాహరణమరింత బిగింగ్ అర్థం చెప్పుకుంటే మరింత ఉపయోగించాల్సిన, color2, రంగు 1 మరియు రంగు 2 యొక్క మిశ్రమ రంగును సృష్టించండి.)

mix(
రంగు 1 మరియు రంగు 2 యొక్క మిశ్రమ రంగును సృష్టించండి. weight
పారామీటర్లు వాటిని మధ్యలో ఉంచాలి 0% మరియు 100% మధ్య. అప్రమేయం 50%. మరింత బిగింగ్ అర్థం చెప్పుకుంటే మరింత ఉపయోగించాల్సిన.
చిన్న బిగింగ్ అర్థం చెప్పుకుంటే మరింత ఉపయోగించాల్సిన color2.

adjust-hue(color, డిగ్రీలు)

రంగు యొక్క రంగు పరంగా -360 డిగ్రీ నుండి 360 డిగ్రీ వరకు డిగ్రీలలో సర్జించండి.

实例：

adjust-hue(#7fffd4, 80deg);

ఫలితం: #8080ff
adjust-color(color, ఎరుపు, ఎరుపు, నీలి, హ్యూ, సాట్యం, ప్రకాశవత్తనం, alpha)

ప్రస్తుతకు పెంచుము లేదా తగ్గించుము చేస్తున్న ఒకటి లేదా పలు పారామీటర్లను పెంచుము.
ఈ ఫంక్షన్ ప్రస్తుత రంగు విలువలలో ప్రస్తుతకు ప్రకృతిలో పెంచుము లేదా తగ్గించుము చేస్తుంది.

实例：

adjust-color(#7fffd4, నీలి: 25);

ఫలితం:
change-color(color, ఎరుపు, ఎరుపు, నీలి, హ్యూ, సాట్యం, ప్రకాశవత్తనం, alpha)

రంగు యొక్క ఒకటి లేదా పలు పారామీటర్లను కొత్త విలువకు సెట్ చేయండి.

实例：

change-color(#7fffd4, ఎరుపు: 255);

ఫలితం: #ffffd4
scale-color(color, ఎరుపు, ఎరుపు, నీలి, సాట్యం, ప్రకాశవత్తనం, alpha) ఒకటి లేదా పలు రంగు పారామీటర్లను పెంచుము.
rgba(రంగు, alpha)

ఇచ్చిన alpha చానల్‌తో కొత్త రంగులను సృష్టించండి.

实例：

rgba(#7fffd4, 30%);

Result: rgba(127, 255, 212, 0.3)
lighten(color, amount) 使用介于 0% 和 100% 之间的量创建更浅的颜色。
amount 参数按百分比提高 HSL 亮度。
darken(color, amount) 使用介于 0% 到 100% 之间的量创建更深的颜色。
amount HSL ప్రకాశం ను ప్రతిపాదించండి.
saturate(color, amount) 0% మరియు 100% మధ్య విలువను ఉపయోగించడం ద్వారా అధిక సత్త్వం కలిగిన రంగులను సృష్టించండి.
amount HSL సత్త్వం ను ప్రతిపాదించండి.
desaturate(color, amount) 0% మరియు 100% మధ్య విలువను ఉపయోగించడం ద్వారా తక్కువ సత్త్వం కలిగిన రంగులను సృష్టించండి.
amount HSL సత్త్వం ను ప్రతిపాదించండి.
opacify(color, amount) 0 మరియు 1 మధ్య విలువను ఉపయోగించడం ద్వారా కడిగిన రంగులను సృష్టించండి.
amount అల్ఫా చానల్ విలువను విలువకు ప్రత్యర్థించండి.
fade-in(color, amount) 0 మరియు 1 మధ్య విలువను ఉపయోగించడం ద్వారా కడిగిన రంగులను సృష్టించండి.
amount అల్ఫా చానల్ విలువను విలువకు తగ్గించండి.
transparentize(color, amount) 0 మరియు 1 మధ్య విలువను ఉపయోగించడం ద్వారా సులభంగా కాస్మాటిక్ రంగులను సృష్టించండి.
amount అల్ఫా చానల్ విలువను విలువకు తగ్గించండి.
fade-out(color, amount) 0 మరియు 1 మధ్య విలువను ఉపయోగించడం ద్వారా సులభంగా కాస్మాటిక్ రంగులను సృష్టించండి.
amount అల్ఫా చానల్ విలువను విలువకు ప్రత్యర్థించండి.