How to convert 6 digit color code to 3 digit quickly in css file?


Tags: html,css,xhtml

Problem :

I have a large css file and i want to convert all 6 digit hex code into shorthand 3 digit. Is there any online or offline tool to do so.

my purpose is to reduce css file size without making something wrong.

any other tips would be be appreciated to reduce css file size without affecting css output.

Edit:

As me_and suggested css drive compressor does the work alt text



Solution :

By my understanding, you'll most likely lose colour information by converting it from 6-digit to 3-digit, so you'll need to specify what conversion you want. Examples would be good.

Nonetheless, CSS Drive will do code compression for you. Or just try Google for "CSS compression" :)


    CSS Howto..

    How can I hide text in this jquery slider?

    How do I float a
  • to the right in CSS?
  • How to apply CSS using User Scripts

    How to change the color of item selection radcombobox with a css style?

    Problems with jQuery Image Slideshow / Rotating Banner using timeout / interval

    How to get “position:fixed” css to work in IE 7+ with TRANSITIONAL doctype?

    How to move the Google Chart's annotation to the top or anywhere with CSS?

    How to loop animated text banners using css keyframes

    How to enforce a min-width for a page (css)

    DevTools: How to visualize scss changes automatically without the need to save

    How to add CSS inline in Vaadin?

    How do I set a cell background colour based on its contents using PHP after reading values from MySQL?

    ExtJS - How to customize buttons?

    How to embed SVG styling with javascript?

    How to make a “wrappanel” in html?

    How to fix sizes when I developed my website with 'more space' display setting on macbook retina

    how to get a css that does not cause overflow of words beyond box [closed]

    How can I use CSS for Vaadin components?

    how to style simple_form with material design or custom css

    How to keep long image within background cover at any screen size in CSS?

    How to center the buttons and make them same size

    How to override active admin CSS?

    How to format an HTML table using CSS for printing?

    How to disable a YUI MenuBarItem from markup

    How do I override the default layout

    How to use Compass Animation for Compass SCSS framework?

    How to change a div's position according to data from database

    How to create a triangle in CSS3 using border-radius

    How to set hover of the block which contains icon with HTML or CSS?

    I made a webpage but have excess white space at the bottom, how do I get rid of this?