Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Code Colors!

Avatar for hibikikudo hibikikudo
July 26, 2017

Code Colors!

デ部会「第5回 色にまつわるデザインのお話」
2017年7月26日(水)

Avatar for hibikikudo

hibikikudo

July 26, 2017
Tweet

More Decks by hibikikudo

Other Decks in Design

Transcript

  1. CSSʹ͓͚Δ৭ͷࢦఆํ๏ element { color: red; } element { color: #ff0000;

    } element { color: rgb(255,0,0); } element { color: hsl(0, 100%, 50%); } /* 50% ಁա */ element { color: rgba(255, 0, 0, 0.5); } element { color: hsla(0, 100%, 50%, 0.5); }
  2. ಘΒΕͨ஌ݟ • ৭૬͚ͩͰ͸ͳ͘ɺ࠼౓΍໌౓ʹ΋ࠩΛ͚ͭΔͱ ࢹೝ͠΍͘͢ͳΔ • WCAGΨΠυϥΠϯʹΑΔ๬·͍͠എܠͱςΩε τͷίϯτϥετࠩ͸4.5 : 1 •

    ੺͸ඞਢ?ԫ৭͸஫ҙ?ϐϯΫ͸ঁੑ?ͦͷίϯςΩ ετ͸ڞ༗͞Ε͍ͯΔ?৭͚ͩͰ৘ใΛද͞ͳ͍ • :hover͚ͩͰͳ͘ɺ:focusͷσβΠϯ΋๨Εͣʹ