CSS color() ఫంక్షన్

నిర్వచనం మరియు ఉపయోగం

CSS యొక్క color() ఫంక్షన్ ప్రత్యేక రంగు స్పేస్ లో రంగును నిర్దేశించడానికి అనుమతిస్తుంది.

ఉదాహరణ

ఉదాహరణ 1

పృష్ఠభూమి రంగును display-p3 రంగు స్పేస్ లో నిర్దేశించండి (పారదర్శకత 0.3):

div {
  padding: 15px;
  border: 2px solid black;
  background-color: color(display-p3 0.6 0.6 0 / .3);
}

ప్రయత్నించండి

ఉదాహరణ 2

పరిమిత విలువ సంకేతబద్ధ భాష ఉపయోగించండి:

div {
  padding: 15px;
  border: 2px solid black;
  background-color: color(from blue srgb r g b / 0.4);
}

ప్రయత్నించండి

CSS సంకేతబద్ధ భాష

అబ్సూల్యూట్ విలువ సంకేతబద్ధ భాష

color(colorspace c1 c2 c3 / A)
విలువ వివరణ
colorspace

అప్రమేయం. ప్రిడఫైన్డ్ రంగు స్పేస్ నిర్దేశిస్తుంది:

  • srgb
  • srgb-linear
  • display-p3
  • a98-rgb
  • prophoto-rgb
  • rec2020
  • xyz
  • xyz-d50
  • xyz-d65
c1 c2 c3

అప్రమేయం. రంగు స్పేస్ కాంపోనెంట్ విలువను ప్రతినిధీకరిస్తుంది.

ప్రతి విలువను సంఖ్య (0 నుండి 1 వరకు), ప్రతిసంఖ్య (0% నుండి 100% వరకు) లేదా none అనే పదాలతో వ్రాయవచ్చు.
/ A

ఎంపికాత్మకం. రంగు పారదర్శకత విలువను ప్రతినిధీకరిస్తుంది (0 పూర్తి పారదర్శకత, 100 పూర్తి అనపారదర్శకత).

కానీ none (పారదర్శక ప్రాంతాలు ఉండని అర్థం) కూడా ఉపయోగించవచ్చు.

అప్రమేయ విలువ అంటే 100.

పరిమిత విలువ సంకేతబద్ధ భాష

color(from color colorspace c1 c2 c3 / A)
విలువ వివరణ
from color

ప్రారంభ రంగును ప్రతినిధీకరించే రంగు విలువను తర్వాత వ్రాయవచ్చు.

ఈ పరిమిత రంగులు ప్రారంభ రంగులు అని పరిగణించబడతాయి. ప్రారంభ రంగును ప్రతినిధీకరించే రంగు విలువను తర్వాత వ్రాయవచ్చు.
colorspace

అప్రమేయం. ప్రిడఫైన్డ్ రంగు స్పేస్ నిర్దేశిస్తుంది:

  • srgb
  • srgb-linear
  • display-p3
  • a98-rgb
  • prophoto-rgb
  • rec2020
  • xyz
  • xyz-d50
  • xyz-d65
c1 c2 c3

అప్రమేయం. రంగు స్పేస్ కాంపోనెంట్ విలువను ప్రతినిధీకరిస్తుంది.

ప్రతి విలువను సంఖ్య (0 నుండి 1 వరకు), ప్రతిసంఖ్య (0% నుండి 100% వరకు) లేదా none అనే పదాలతో వ్రాయవచ్చు.
/ A

ఎంపికాత్మకం. రంగు పారదర్శకత విలువను ప్రతినిధీకరిస్తుంది (0 పూర్తి పారదర్శకత, 100 పూర్తి అనపారదర్శకత).

కానీ none (పారదర్శక ప్రాంతాలు ఉండని అర్థం) కూడా ఉపయోగించవచ్చు.

అప్రమేయ విలువ అంటే 100.

సాంకేతిక వివరాలు

వెర్షన్ అంటే అనేకం కాకుండా ఇంకా ఉంది: CSS కలర్ మాడ్యూల్ లెవల్ 5

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ ఫంక్షన్ పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ నిర్దేశిస్తాయి.

Chrome Edge Firefox Safari Opera
111 111 113 15 97

相关页面

పరిచయం కోసం:CSS కలర్