475 links
268 private links
  • When 140 characters is not enough!
  • Home
  • Login
  • RSS Feed
  • ATOM Feed
  • Tag cloud
  • Picture wall
  • Daily
Links per page: 20 50 100
4 results tagged webdesign x
  • CodePen Home #25 - Pure CSS Card Ripple Effect

    ripple effect on a bootstrap card

    February 26, 2025 at 11:18:12 GMT+1 * - permalink -
    QRCode
    - https://codepen.io/daiquiri/pen/VyRZeB
    webdesign
  • Texte en noir ou en blanc en fonction de la couleur de fond
    //rgb 8 bits
    int r = 255, g = 255, b = 255;
    
    //sRGB (r', g' et b')
    double rp = 0.0, gp = 0.0, bp = 0.0;
    
    //L
    double luma = 0.0;

    convertir ici la couleur de fond, peu importe la méthode et la source, et stocker les composantes RGB (valeurs entières sur 8 bits, donc de 0 à 255 pour chaque composante) dans r, g et b.


    //Rec.709
    //luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;
    
    //Rec.601
    //luma = 0.299 * r + 0.587 * g + 0.114 * b;
    
    //Relative luminance from sRGB
    //https://www.w3.org/TR/WCAG20/relative-luminance.xml
    
    rp = r / 255.0;
    gp = g / 255.0;
    bp = b / 255.0;
    
    if (rp <= 0.03928) rp = rp / 12.92; else rp = Math.Pow((rp + 0.055) / 1.055, 2.4);
    if (gp <= 0.03928) gp = gp / 12.92; else gp = Math.Pow((gp + 0.055) / 1.055, 2.4);
    if (bp <= 0.03928) bp = bp / 12.92; else bp = Math.Pow((bp + 0.055) / 1.055, 2.4);
    
    luma = (0.2126 * rp) + (0.7152 * gp) + (0.0722 * bp);
    
    //http://www.w3.org/TR/WCAG20/#contrast-ratiodef
    return luma > 0.179 ? "#000000" : "#ffffff";

    À noter : 

    • Rec.601 : contenu SD
    • Rec.709 : contenu HD
    • Rec.2020 : contenu UHD + SDR, étendu via Rec.2100 pour HDR

    Avec Rec.2020 :

    luma = 0.2627 * r + 0.678 * g +  0.0593 * b

    À noter aussi :

    • 8 bits, espace partiel 16-235 (0 et 255 réservés pour référence temporelle).
    • 10 bits : 4 à 1019 (0-3 et 1020-1023 réservés pour référence temporelle).
    • 12 bits : 16 à 4079 (0-15 et 4080-4095 réservés pour référence temporelle).

    Pour plus d'infos : https://www.itu.int/rec/R-REC-BT.2020-2-201510-I/en

    April 10, 2024 at 12:13:25 GMT+2 * - permalink -
    QRCode
    - https://shaarli.chibi-nah.net/shaare/JMgQGQ
    webdev webdesign couleurs
  • thumbnail
    Blue Screen of Death Color Codes - The Hex, RGB and CMYK Values That You Need

    Blue Screen of Death Color Codes: HEX, RGB, and CMYK. Find hex, RGB and CMYK color values of some favorite shades of Blue Screen of Death.

    BLUE SCREEN OF DEATH
    HEX COLOR: #0827F5;
    RGB: (8,39,245)
    CMYK: (97,84,0,4)

    Shades and Variations of Blue Screen of Death:

    • #051DB5
    • #041375
    • #020936
    • #0723DB

    Complementary Colors to Blue Screen of Death:

    • #0319A8
    • #213FFF
    April 8, 2024 at 16:02:39 GMT+2 * - permalink -
    QRCode
    - https://colorcodes.io/blue/screen-of-death-blue-color-codes/
    BSOD webdesign
  • thumbnail
    Triadic Color Schemes

    A triadic color scheme offers the right amount of everything, be it contrast, color, richness, or harmony. Let's read in detail about these color combinations.

    March 13, 2023 at 15:06:27 GMT+1 * - permalink -
    QRCode
    - https://arts.visualstories.com/triadic-color-scheme
    webdesign
Links per page: 20 50 100
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Help/documentation