Dator > hur man beräknar färgkontrast

  • hur man beräknar färgkontrast


  • Färgen kontrast element webbsida beror på skillnaderna mellan deras ljusstyrka och nyanser . Om ljusstyrka och nyans skillnader mellan två färger ligger över en viss tröskel , färgerna har tillräcklig kontrast . Om en eller båda åtgärderna är lägre än tröskelvärdet , rekommenderar World Wide Web Consortium att du ändra färgerna . Du kan beräkna färgkontrast Om du känner till RGB ( röd-grön- blå ) värden mellan två färger . Designa webbsidor med tillräckligt kontrast mellan bakgrund och text förbättrar användarupplevelsen.

    Beräkna skillnad i färg Ljusstyrka


    1 .
    Beteckna de röda, gröna och blå värden textfärgen genom R1 , G1 och B1 respektive . Beteckna de röda , gröna och blå värden bakgrundsfärgen genom R2 , G2 och B2 respektive .
    2 .
    Beräkna ( 299 * R1 + 587 * G1 + 114 * B1 ) /1000 . Detta är ljusstyrkan på textfärgen . Anta till exempel att du har mörkt grön text där R1=20 , G1=100 och B1=20 , sedan textfärgen ljusstyrkan är 66 . 96 , eftersom (299 * 20 + 587 * 100 + 114 * 20) /1000=66,96 .
    3 .
    Beräkna ( 299 * R2 + 587 * G2 + 114 * B2 ) /1000 . Detta är ljusstyrkan på bakgrundsfärgen. Anta till exempel att du har en ljusrosa bakgrund där R2=255 , G2=220 och B2=240 , då bakgrundsfärgen ljusstyrkan är 232,75 , eftersom (299 * 255 + 587 * 220 + 114 * 240) /1000=232,75 .
    4 .
    Beräkna skillnaden mellan ljusstyrkenivåerna . Om skillnaden är mindre än 125 , måste du justera en eller båda färgerna för att öka ljusstyrkan skillnad . Till exempel sedan från 232,75 till 66,96=165,79 , behöver du inte ändra färgerna

    Beräkning Nyans Skillnad


    1
    Beräkna skillnaden mellan de röda värdena . av varje färg . I exemplet ovan , är skillnaden mellan de röda värdena 235 sedan 255-. 20=235
    2
    Upprepa steg 1 för de gröna och blå värden . I exemplet ovan , är den gröna skillnaden 120 ( sedan 220 till 100=120 ) , och den blå skillnaden är 220 ( sedan 240 till 20=220) .
    3
    Lägg till tre skillnader att få den totala nyans skillnad . Om nyans skillnaden är mindre än 500 , måste du ändra en eller båda av färgerna . Till exempel sedan 235 + 120 + 220=575 , behöver du inte ändra färgerna.


Previous:nothing Next:hur man skapar körbara burkar





Relaterade artiklar


  • hur du tar bort en tom sida i makro
  • hur att validera ett datum i java
  • hur man skriver spel i java
  • hur man installerar java api
  • hur man lär sig stenografi skriva
  • hur man programmerar mobiltelefoner med Java-programmering
  • Hur konvertera Fortran till Visual Basic
  • hur man installerar java script på en PC
  • hur man kan beräkna en median i Java
  • hur man gör en spets axelryckning