CSS rgb() function

ການກຳນົດ ແລະ ການນໍາໃຊ້

CSS rgb() ຍັງຈະສາມາດເພີ່ມສະນະຄວາມທີ່ປະກອບກາຍຄວາມຟາກຂອງສີ (ຄວາມຜ່ອນຂອງສີ).

RGB ຄູ່ມີສີວັດແລະສີບົນປົກກະຕິຈະຖືກກຳນົດຂອງຄວາມສຳຄັນສີຈະເປັນຈຳນວນສອງສາມສາມຫຼາຍຈາກ 0 ຫາ 255 ຫຼື ສິບສາມສາມຫຼາຍຈາກ 0% ຫາ 100%. rgb(red green blue) ກຳນົດຂັ້ນນີ້. ທຸກສິງພາກສະເພາະສີຈະຖືກກຳນົດຄວາມຫຼາຍຂອງສີຈະເປັນຈຳນວນສອງສາມສິບສາມຫຼາຍຈາກ 0 ຫາ 255 ຫຼື ສິບສາມສາມຫຼາຍຈາກ 0% ຫາ 100%.

ອີງຕາມນີ້ rgb(0 0 255) ມີລັກສະນະສີວັດແລະສີບົນປົກກະຕິເປັນສີຂຽວຍ້ອນວ່າສິງສີຂຽວຖືກກຳນົດໃຫ້ຫຼາຍທີ່ສຸດ(255) ແລະສິງສີອື່ນແມ່ນຖືກກຳນົດໃຫ້ຫຼາຍທີ່ສຸດ(0)。

注意:rgba() 函数是 rgb() 函数的别名。建议使用 rgb() 函数。

实例

定义不同的 RGB(A) 颜色:

#p1 {background-color:rgb(255 0 0);} /* 红色 */
#p2 {background-color:rgb(0 255 0);} /* 绿色 */
#p3 {background-color:rgb(0 0 255);} /* 蓝色 */
#p4 {background-color:rgb(192 192 192);} /* 灰色 */
#p5 {background-color:rgb(255 255 0);} /* 黄色 */
#p6 {background-color:rgb(255 0 255);} /* 樱桃色 */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* 带透明度的樱桃色 */
#p8 {background-color:rgb(0 0 255 / 50%);} /* 带透明度的蓝色 */

亲自试一试

CSS 语法

绝对值语法

rgb(R G B / A)
描述
R

必需。定义红色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。

ສາມາດໃຊ້ none (ທຽບໃສ່ 0%).

G

必需。定义绿色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。

ສາມາດໃຊ້ none (ທຽບໃສ່ 0%).

B

必需。定义蓝色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。

ສາມາດໃຊ້ none (ທຽບໃສ່ 0%).

/ A

ຄວາມອິດສະຫຼະ. ສະແດງຄວາມສະທ້ອນຂອງສີ, 0% (ຫຼື 0) ສະແດງວ່າສະທ້ອນສົມບູນ, 100% (ຫຼື 1) ສະແດງວ່າບໍ່ສະທ້ອນ.

ສາມາດໃຊ້ none (ສະແດງວ່າບໍ່ມີຄວາມສະທ້ອນ). ຄາດການຈົງໃຫ້ 100%.

相对值语法

rgb(from color R G B / A)
描述
from color

以关键字 from 开头,后跟表示原始颜色的颜色值。

这是相对颜色所基于的原始颜色。

R

必需。定义红色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。

ສາມາດໃຊ້ none (ທຽບໃສ່ 0%).

G

必需。定义绿色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。

ສາມາດໃຊ້ none (ທຽບໃສ່ 0%).

B

必需。定义蓝色的强度,可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比。

ສາມາດໃຊ້ none (ທຽບໃສ່ 0%).

/ A

ຄວາມອິດສະຫຼະ. ສະແດງຄວາມສະທ້ອນຂອງສີ, 0% (ຫຼື 0) ສະແດງວ່າສະທ້ອນສົມບູນ, 100% (ຫຼື 1) ສະແດງວ່າບໍ່ສະທ້ອນ.

ສາມາດໃຊ້ none (ສະແດງວ່າບໍ່ມີຄວາມສະທ້ອນ). ຄາດການຈົງໃຫ້ 100%.

ລະອຽດດ້ານເຕັກນິກ

ສະຖານະ: CSS2

ການສະໜັບສະໜູນບຸລິມະສິດ

ຈຳນວນຂອງບຸລິມະສິດໃນຕາມບັນນາທິການວ່າເປັນບັນດາບຸລິມະສິດທີ່ສະໜັບສະໜູນພາສານີ້ຄັບທີ່ສຸດ.

Chrome Edge Firefox Safari Opera
rgb()
1 4 1 1 3.5
rgb() ທີ່ມີຄວາມສະທ້ອນ
65 79 52 12.1 52
ຈຸດຈັກຄວາມສະເພາະ
65 79 52 12.1 52