483 links
265 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
3 results tagged couleurs x
  • 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
    Color Oracle - Design for the Color Impaired

    Color Oracle is a free color blindness simulator for Window, Mac and Linux. It takes the guesswork out of designing for color blindness by showing you in real time what people with common color vision impairments will see.

    Color Oracle applies a full screen color filter to art you are designing – independently of the software in use. Eight percent of all males are affected by color vision impairment – make sure that your graphical work is readable by the widest possible audience.

    November 4, 2016 at 16:12:32 GMT+1 - permalink -
    QRCode
    - https://github.com/nvkelso/color-oracle-java
    design web dev couleurs Deutéranopie Daltonisme accessibilité
  • thumbnail
    mildlydiverting/Zenburn · GitHub

    Zenburn est un thème de couleurs à faible contraste, et conçu pour les longues sessions de programmation, dans un environnement sombre.
    Ce thème a été "porté" sur des éditeurs autres que vim. On peut le retrouver désormais dans Eclipse, Visual Studio, Xcode.
    Cette page regroupe tous les portages.

    February 17, 2013 at 19:59:08 GMT+1 - permalink -
    QRCode
    - https://github.com/mildlydiverting/Zenburn
    dev couleurs
Links per page: 20 50 100
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Help/documentation