Atributo de color de fuente HTML especifica el color del texto del contenido dentro del etiqueta . El atributo de color de fuente acepta un valor de color que queremos aplicar a un texto y se mostrará en pantalla con ese color mencionado.
Sintaxis:
>
Valores de atributos:
- nombre_color: Establece el color del texto utilizando el nombre del color. Por ejemplo: rojo .
- número_hexadecimal: Establece el color del texto mediante el uso de un código hexadecimal de color. Por ejemplo: #0000ff .
- número_rgb: Establece el color del texto mediante el uso de código rgb. Por ejemplo: rgb(0, 153, 0) .
Nota: El atributo de color no es compatible con HTML5 .
Ejemplo para establecer el color de fuente en HTML
Podemos usar el atributo de color del etiqueta de fuente para establecer un color de fuente en HTML. Podemos asignar un valor de color usando un nombre del color , código hexadecimal , o código RGB .
Entendámoslo mejor con el ejemplo:
Ejemplo: En este ejemplo, obtenemos el texto coloreado utilizando el atributo de color que tiene tres tipos diferentes de valores. Hemos utilizado el valor del nombre del color, el valor del código hexadecimal y el valor del código RGB para establecer el color de fuente de tres elementos de texto diferentes.
HTML HTML |<font>color Título del atributo> cabeza> <body> <font size='6' face='verdana' color='green'>techcodeview.com! fuente> <br> <font size='6' face='arial' color='#008000'>techcodeview.com! fuente> <br> <font size='6' color='rgb(128, 128, 0)'>techcodeview.com! fuente> cuerpo> html>></pre> </code> <p dir='ltr'> <b> <strong>Producción:</strong> </b> </p> <br /> <div id="container-4ae8242bd8e42d94c5c0bf390d5144e6"></div><br /> <p dir='ltr'> <img src='//techcodeview.com/img/html-attributes/40/html-font-color-attribute.webp' alt="color de fuente html usando el atributo de color"></p> <h3> <b> <strong>Navegadores compatibles</strong> </b> </h3><p dir='ltr'><span>Puede ver los colores de fuente HTML establecidos utilizando estos navegadores. Los navegadores admiten el atributo de color de la etiqueta de fuente y muestran los cambios en el color del texto.</span></p> <ul><li value='1'> <span>Google Chrome</span> </li><li value='2'> <span>Borde</span> <span> </span> </li><li value='3'> <span>Firefox</span> </li><li value='4'> <span>Ópera</span> </li><li value='5'> <span>Safari</span> </li></ul><p dir='ltr'><span>HTML es la base de las páginas web y se utiliza para el desarrollo de páginas web mediante la estructuración de sitios web y aplicaciones web. Puede aprender HTML desde cero siguiendo esto</span> <span>Tutorial HTML</span> <span>y</span> <span>Ejemplos HTML</span> <span>.</span></p> <br></article>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="">Categoría</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/picked/">Escogido</a> </li><li> <a href="/python-numpy-random-sampling/">Python Numpy-Muestreo Aleatorio</a> </li><li> <a href="/c-list-function/">Función De Lista De C++</a> </li><li> <a href="/tutorials/">Tutoriales</a> </li><li> <a href="/sql-clauses/">Cláusulas Sql</a> </li><li> <a href="/r-machine-learning/">R Aprendizaje Automático</a> </li><li> <a href="/linux-tutorial/">Tutorial De Linux</a> </li><li> <a href="/tourist-places/">Lugares Turísticos</a> </li><li> <a href="/accenture/">Acento</a> </li><li> <a href="/windows-tutorial/">Tutorial De Windows</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Tutorial De Javascript</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Tutorial De Javascript</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/javascript-tutorial/"> <i class="fa fa-external-link"></i> Leer Más</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Artículos De Interés</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/pisces-moon-sign-what-does-it-mean-131468">Signo lunar de Piscis: ¿Qué significa?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/python-dictionary-methods">Métodos del diccionario Python</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/casting-operators-c">Operadores de conversión en C++</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/differences-between-tcp">Diferencias entre TCP y UDP</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/difference-between-bitter">Diferencia entre amargo y ácido</a> </strong> </span>
</li><!--//item-->
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list music aside section">
<div class="section-inner">
<h2 class="heading">Entradas Populares</h2>
<div class="content">
<ul class="list"> <li><a href="/underline-markdown">subrayado de rebajas</a>
</li><li><a href="/how-split-strings-c">c++ dividiendo cadena</a>
</li><li><a href="/java-initialize-array">java inicializar matriz</a>
</li><li><a href="/constructor-abstract-class-java">¿Puede una clase abstracta tener un constructor?</a>
</li><li><a href="/fibonacci-series-java">secuencia de fibonacci java</a>
</li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<footer class="footer">
<div class="container text-center">
<span>
Copyright ©2025 Todos Los Derechos Reservados | <a href="//uk.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Descargo De Responsabilidad</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Acerca De Nosotros</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Política De Privacidad</a> </span>
</div>
</footer>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
</body>
</html>