Cómo expresar colores RGB como porcentajes

Escrito por ehow contributor | Traducido por paulo gutierrez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo expresar colores RGB como porcentajes
Los colores se presentan en valor RGB en las páginas web. (Jeffrey Hamilton/Photodisc/Getty Images)

En una página web, los colores se muestran en valores RGB, es decir, en cantidades variables de red, green y blue (rojo, verde y azul). Todos los colores sobre la web están hechos de variaciones en la cantidad de rojo, verde y azul que se asignan a cualquier color. Existen varias formas para expresar esta cantidad, una de las cuales es con un porcentaje. Este artículo explica cómo hacerlo.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Necesitarás

  • Página web
  • Hoja de estilo

Lista completaMinimizar

Instrucciones

  1. 1

    Los colores RGB normalmente se presentan en una regla CSS en una hoja de estilo para una página web en particular. La sintaxis es rgb (color).

  2. 2

    En los paréntesis donde se indican los valores de color, utiliza tres porcentajes separados por comas: uno para rojo, uno para verde y uno para azul. Por ejemplo, este es el valor para el color blanco: rgb (100%,100%,100%)

  3. 3

    Para usar esta notación de color en una regla CSS, indica el selector, luego el estado del valor rgb para la propiedad de color del selector. Este ejemplo es para una regla CSS que crearía un color rojo para un selector h2: h2 {color: rgb(100%,0%,0%);}

  4. 4

    Estos son algunos valores de colores adicionales en porcentajes: rgb(0%,0%,0%) negro rgb(100%,40%,0%) naranja rgb(100%,100%,0%) amarillo rgb(0%,50%,0%) verde rgb(0%,0%,100%) azul rgb(0%,100%,100%) agua rgb(50%,50%,50%) gris rgb(0%,100%,0%) lima rgb(50%,0%,50%) púrpura

Consejos y advertencias

  • Las computadoras y navegadores que usan CSS entiende este método de visualización de colores.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles