Sección herramientas. Conversores: RGB-HEX y HTML-TXT

Hace unos días inauguramos un nuevo apartado en el blog que por la influencia del calor y de las vacaciones (o del frío y del laboro, depende de la latitud), probablemente ha pasado desapercibido.

Se trata de una serie de páginas que hemos englobado dentro de otra a modo de índice y que hemos denominadoHerramientas Online. Actualmente podéis ver el enlace en la parte de abajo a la izquierda del blog.

De momento no hay muchas, pero a medida que vaya visitando los sitios que normalmente utilizo, no dudéis que allí irán a parar. Para mí será una buena chuleta y espero que para vosotros también lo sea.

Hay un par de enlaces que van a otras tantas utilidades marca de la casa y hechas en JavaScript en parte por necesidad y en parte por divertimento, pero pensé que con unos pocos ajustes de estilo quizás servirían para otros y ahí están.

Si se me ocurre hacer algunas más las iré incorporando en el mismo apartado, pero de momento son sólo dos...

HTML a texto plano

Esta es una de las cosas que más echaba de menos.

Publicar código tiene la complicación de que si lo pegas tal cual en cualquier entrada, el navegador interpreta las etiquetas HTML y no se visualiza nada. Al contrario, incluso puede desbarajustar todo el aspecto del blog dependiendo del código que sea.

Es casi lo mismo que ocurre cuando en un comentario queréis explicar qué hicistéis con vuestro blog, pegando en el casillero el código HTML que usasteis. La diferencia es que en este último caso lo que ocurre es que el código desaparece del comentario. Medidas de seguridad de Blogger... supongo.

Pero la solución es bastante sencilla, ya que es suficiente con eliminar los símbolos y y el navegador lo interpreta como texto normal. Pero claro, esto a veces lleva a confusión, así que casi mejor sustituimos esos símbolos por entidades queimprimen esos caracteres pero que no son realmente ellos. Sólo es para que se vean.

En el caso de los dos mencionados, las entidades correspondientes son < y >, así que el script lo único que hace es sustituir los símbolos por las entidades. Se pega allí, se convierte, se copia la traducción dónde corresponda y asunto resuelto.

Algunas veces lo que estorban son las comillas, así que hay un segundo casillero para realizar esta tarea. Si se quieren simultanear ambas sólo hay que pasar por uno y después por el otro.

Espero que a partir de ahora ya no tengáis problemas. Cuando queráis pegar código en un comentario sólo tenéis que pasar primero por el conversor y listo.

Colores RGB a Hexadecimal y viceversa

Este conversor es quizás menos necesario, pero alguna vez también me hubiera venido bien tener uno a mano.

Lo que hace este conversor es simplemente transformar los códigos de colores hexadecimales (por ejemplo #ff00ff) a sus equivalentes en formato RGB (255,0,255).

Aquí no hay ningún secreto para los que controlen un poco los sistemas de numeración. El script lo único que hace es separar de dos en dos los números hexadecimales (ff-00-ff) y pasarlos a sus homólogos en base decimal (255-0-255).

También hace el camino contrario permitiéndonos conocer el código hexadecimal de un color en formato RGB y adicionalmente muestra el color tecleado ¿A qué es muy mono?

Lo más habitual es usar sólo hexadecimal para los colores, pero en alguna ocasión nos viene bien aplicar transparencia y ahí lo más fácil es usar RGB. La propiedad sería algo así:

color: rgba(255,125,0,.5);

Los tres primeros valores representan respectivamente la proporción de rojo, verde y azul en el resultado final, siendo 0 ninguno y 255 el valor máximo (#FF).

Y el cuarto parámetro es el interesante, pues es el que indica el nivel de transparencia. Puede tomar cualquier valor entre 0 y 1 ambos inclusive, siendo 0 totalmente transparente y 1 totalmente opaco. En el ejemplo figura un .5 o lo que es lo mismo, trasparencia al 50%.

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity