Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 49 views

    Learn CSS - Colors Cheatsheet - Codecademy

    Uploaded by

    Claudiu Stefan
    The document provides information about different ways to specify colors in CSS, including: 1) Color name keywords that can be used to set color property values like aqua and khaki. 2) Alpha values from 0.0 to 1.0 using rgba() and hsla() to determine transparency of colors. The transparent value creates a fully transparent element. 3) Hexadecimal color notation using # followed by 6 hexadecimal digits representing red, green, and blue values from 00 to FF, or 3 digits as an abbreviation.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Learn CSS - Colors Cheatsheet - Codecademy

    Uploaded by

    Claudiu Stefan
    49 views2 pages
    The document provides information about different ways to specify colors in CSS, including: 1) Color name keywords that can be used to set color property values like aqua and khaki. 2) Alpha values from 0.0 to 1.0 using rgba() and hsla() to determine transparency of colors. The transparent value creates a fully transparent element. 3) Hexadecimal color notation using # followed by 6 hexadecimal digits representing red, green, and blue values from 00 to FF, or 3 digits as an abbreviation.

    Original Title

    Learn CSS_ Colors Cheatsheet _ Codecademy

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document provides information about different ways to specify colors in CSS, including: 1) Color name keywords that can be used to set color property values like aqua and khaki. 2) Alpha values from 0.0 to 1.0 using rgba() and hsla() to determine transparency of colors. The transparent value creates a fully transparent element. 3) Hexadecimal color notation using # followed by 6 hexadecimal digits representing red, green, and blue values from 00 to FF, or 3 digits as an abbreviation.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    49 views2 pages

    Learn CSS - Colors Cheatsheet - Codecademy

    Uploaded by

    Claudiu Stefan
    The document provides information about different ways to specify colors in CSS, including: 1) Color name keywords that can be used to set color property values like aqua and khaki. 2) Alpha values from 0.0 to 1.0 using rgba() and hsla() to determine transparency of colors. The transparent value creates a fully transparent element. 3) Hexadecimal color notation using # followed by 6 hexadecimal digits representing red, green, and blue values from 00 to FF, or 3 digits as an abbreviation.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 2

    Cheatsheets / Learn CSS

    Colors
    Color Name Keywords
    Color name keywords can be used to set color property
    values for elements in CSS. h1 {
    color: aqua;
    }

    li {
    color: khaki;
    }

    CSS Color Alpha Values


    Alpha values determine the transparency of colors in
    CSS. Alpha values can be set for both RGB and HSL .midground {
    colors by using rgba() and hsla() and providing background-color: rgba(0, 255, 0, 0.5);
    a fourth value representing alpha. Alpha values can }
    range between 0.0 (totally transparent) and 1.0
    (totally opaque). .foreground {
    The CSS transparent value can also be used to background-color: hsla(34, 100%, 50%,
    create a fully transparent element. 0.1);
    }

    .transparent {
    color: transparent;
    }

    CSS Hexadecimal Colors


    CSS colors can be represented in hexadecimal (or hex)
    notation. Hexadecimal digits can represent sixteen .red {
    different values using 0 - 9 and a - f . color: #ff0000;
    Hexadecimal colors are composed of 6 characters–each }
    group of two represents a value between 0 and 255 for
    red, green, or blue. For example #ff0000 is all red, no .short-blue {
    green, and no blue. color: #00f;
    When both characters of all three colors are repeated, }
    hex colors can be abbreviated to only three values, so
    #0000ff could also be represented as #00f .
    CSS HSL Colors
    CSS colors can be declared with the HSL color system
    using hsl() syntax. This syntax contains three .light-blue {
    values: hue (the color value itself), saturation (intensity), background-color: hsl(200, 70%, 50%);
    and lightness. }
    Hue values range from 0 to 360 while saturation and
    lightness values are represented as percentages.

    CSS rgb() Colors


    CSS colors can be declared with RGB colors using
    rgb() syntax. .hot-pink {
    rgb() should be supplied with three values color: rgb(249, 2, 171);
    representing red, green, and blue. These values range }
    can from 0 to 255.
    .green {
    color: rgb(0, 255, 0);
    }

    You might also like