น้อย - ฟังก์ชั่นช่องสี

hue

ในพื้นที่สี HSL ช่องสีจะถูกแยกออกจากวัตถุสี

background: hue(hsl(75, 90%, 30%));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 75;

saturation

ในพื้นที่สี HSL ช่องความอิ่มตัวจะถูกแยกออกจากวัตถุสี

background: saturation(hsl(75, 90%, 30%));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 90%;

lightness

ในพื้นที่สี HSL ช่องความสว่างจะถูกแยกออกจากวัตถุสี

background: lightness(hsl(75, 90%, 30%));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 30%;

hsvhue

ในพื้นที่สี HSV ช่องสีจะถูกแยกออกจากวัตถุสี

background: hsvhue(hsv(75, 90%, 30%));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 75;

hsvsaturation

ในพื้นที่สี HSL ช่องความอิ่มตัวจะถูกแยกออกจากวัตถุสี

background: hsvsaturation(hsv(75, 90%, 30%));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 90%;

hsvvalue

ในพื้นที่สี HSL ช่องค่าจะถูกแยกออกจากวัตถุสี

background: hsvvalue(hsv(75, 90%, 30%));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 30%;

red

ช่องสีแดงถูกแยกออกจากวัตถุสี

background: red(rgb(5, 15, 25));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 5;

green

ช่องสีเขียวถูกแยกออกจากวัตถุสี

background: green(rgb(5, 15, 25));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 15;

blue

ช่องสีน้ำเงินถูกแยกออกจากวัตถุสี

background: blue(rgb(5, 15, 25));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 25;

alpha

ช่องอัลฟาจะถูกแยกออกจากวัตถุสี

background: alpha(rgba(5, 15, 25, 1.5));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 2;

luma

ค่าลูมาคำนวณจากวัตถุสี

background: luma(rgb(50, 250, 150));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 71.2513323%;

luminance

ค่าลูมาคำนวณโดยไม่มีการแก้ไขแกมมา

background: luminance(rgb(50, 250, 150));

มันรวบรวมใน CSS ดังที่แสดงด้านล่าง -

background: 78.53333333%;