English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referencia CSS

CSS @reglas (RULES)

大全 de atributos CSS

Valores de color CSS

Hay varias formas de definir valores de color en CSS.

Palabras clave de color

Las palabras clave de color no distinguen entre mayúsculas y minúsculas, y son identificadores que representan colores específicos, como red, green, blue, yellow, black, etc.

  h1 {
   color: red;
  }
  p {
   fondo-color: yellow;
  }
Prueba y mira‹/›

Advertencia:La compatibilidad con las palabras clave de color varía según el navegador, por lo que para mayor seguridad, es mejor usar hexadecimal o símbolos funcionales.

VerPalabras clave de colorlista completa

Palabras clave de color transparente

La palabra clave 'transparente' representa un color completamente transparente.

该关键字可以视为透明黑色的简写形式rgba(0,0,0,0),也是它的计算值。

  h1 {
   color: transparent;
  }
  p {
   fondo-color: transparent;
  }
Prueba y mira‹/›

Nota: CSS 2Esta palabra clave puede considerarse una abreviatura del rgba(0,0,0,0), también es su valor calculado.1color: transparent;fondo-y.sólo permiten dos atributos,-yborde3color

Acepta la palabra clave transparente. Sin embargo, CSS

amplió los valores de color para incluir la palabra clave transparente, permitiendo que se utilice con todos los atributos que aceptan valores de color.

Valor de color RGB

El modelo de color RGB (rojo, verde, azul) es el método más comúnmente utilizado para definir valores de color en CSS. Se puede definir el color con el modelo RGB de dos formas:-9notación hexadecimal

El valor RGB en notación hexadecimal # está compuesto por tres o seis caracteres hexadecimales (0

  h1 {
   ,af)de caracteres.8Cuando se utiliza el símbolo de seis dígitos (#rrggbb), el primer par (rr) representa el valor rojo, el segundo par (gg) representa el valor verde y el último par (bb) representa el valor azul.
  }
  p {
   fondo-color: #f880;
  }
Prueba y mira‹/›

color: #ff00;3Sugerencia:33ff, pero los dos valores representan el mismo color. f puede extenderse a #00

notación de función

La notación de función especifica los valores RGB como: rgb(red, green, blue). Cada parámetro (red, green y blue) define la intensidad del color, puede ser un valor entero (desde 0 hasta255) o un porcentaje (desde 0% hasta100%)。

entero255corresponde100%,en la notación hexadecimal f o ff: por ejemplo, rgb(0,255,255) = rgb(0%,100%,100%) = #0ff, todos los valores representan el mismo color, es decir, acuamarina. Se permite espacio en blanco alrededor de los valores numéricos.

  h1 {
   color: rgb(0,255,255);
  }
  p {
   fondo-color: rgb(0%,100%,100%);
  }
Prueba y mira‹/›

El valor 0 o 0% indica que no existe un valor de color específico, mientras que el valor255,100% y f o ff indican que el valor de color está completamente presente.

Nota:fuera del rango válido (0-255o 0%-10El valor del 0%)se recortará automáticamente o se cambiará al rango que el dispositivo admite.

Ver más sobreCSS3Colorde la guía, para entender la información de los nuevos símbolos de función (por ejemplo) rgba(), hsl() y hsla() para definir valores de color.