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

色について / a-little-bit-about-color

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for やし やし
November 28, 2025
Design
20
0

色について / a-little-bit-about-color

色に関する色々な話。色だけにね！

Avatar for やし

やし

November 28, 2025

More Decks by やし

See All by やし
プログラミング言語学習のススメ / why-do-i-learn-programming-language
Avatar for やし yashi8484
0
440
Rust 探訪 / rust-chotto-wakaru
Avatar for やし yashi8484
0
82
Web Frontend ビルドツールの過去と現在と未来 / The Past, Present, and Future of Web Frontend Build Tools
Avatar for やし yashi8484
0
770
ブラウザの仕組みを完全に理解する / Fully understand how browsers work
Avatar for やし yashi8484
0
120
Svelteで作るWebComponents / svelte-web-components
Avatar for やし yashi8484
2
2.3k
『保守性の高いcssを書く』という不可能に立ち向かう
Avatar for やし yashi8484
0
810

Other Decks in Design

See All in Design
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
2
1.1k
「親切なオンボーディング」 が招く罠　ー　AI時代のUXデザイン
Avatar for 小神 godlingkogami
0
120
I.A. como meio, não como fim. Como avaliar o valor entregue?
Avatar for Viviane Delvequio videlvequio
0
350
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.4k
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
300
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
Avatar for WebNAUT by Beeworks webnaut
1
130
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
310
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.5k
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON vivion
7
18k
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
200
The Art of Caring
Avatar for Klemens klemens
0
340
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
230

Featured

See All Featured
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
150
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
170
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
140
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1.1k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
290
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.5k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
300
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1k

Transcript

  1. ஌Βͳͯ͘΋͍͍͔΋͠Εͳ͍ ͚Ͳ஌͓ͬͯ͘ͱͪΐͬͱخ͍͠ ͔΋͠Εͳ͍ɺ৭ͷ͓࿩ 2025.11.28 ΪϑςΟ nontechbash @yashi848484

  2. ৭ͷද͠ํ 

  3. PCCS(Practical Color Co-ordinate System) ৭૬؀ 

  4. PCCS(Practical Color Co-ordinate System) ৭૬ʹΑͬͯ໌౓͕ҟͳΔʂ 

  5. ഑৭ 

  6. ৭ͷϋʔϞχʔ ৭૬؀Ͱ͍ۙ৭ ಉ͡৭૬Ͱ໌౓͕ҧ͏ 

  7. ৭ͷίϯτϥετ ৭૬؀Ͱ൓ରಉ࢜ ࠼౓͕ҟͳΔ৭ 

  8. ৭ʹΑΔࡨࢹɾࢹ֮ޮՌ ԫͬΆ͘ݟ͑Δ ੺ͬΆ͘ݟ͑Δ 

  9. ৭ʹΑΔࡨࢹɾࢹ֮ޮՌ ϋϨʔγϣϯ 

  10. ϋϨʔγϣϯΛ๷͙ɾ࿨Β͛Δ ແ࠼৭ΛڬΉ ໌౓ࠩΛ͚ͭΔ ࠼౓ΛԼ͛Δ 

  11. ৭͔Βײ͡ΔΠϝʔδ 

  12. ৭͔Βײ͡ΔΠϝʔδ ஆ͔͍ ྫྷ͍ͨ ༏խ ͔Θ͍͍ ҆Β͙ ໌Δ͍ 

  13. จԽ΍ࠃʹΑͬͯΠϝʔδ͕ҧ͏͜ͱ΋ ޾ӡɺتͼɺ෋ 㱻 ةݥɺౖΓ ޾෱ɺ஫ҙ 㱻 ࣧౄɺපؾ 

  14. ·ͱΊ 

  15. ·ͱΊ • ৭ͷද͠ํ͸͍Ζ͍Ζ͋ΔΑ • ૊Έ߹ΘͤΔͱௐ࿨͢Δ৭ͷύλʔϯΛ஌͓ͬͯ͘ͱ͓ಘ͔΋ • ಉ͡৭Ͱ΋༩͑ΔΠϝʔδ͕େ͖͘ҟͳΔ͜ͱ΋͋ΔΑ 

  16. ࢀߟ • https://www.dic-color.com/knowledge/pccs.html • https://www.shikisai101.com/color/basic/detail/What-is- PCCS-color-circle-tone-conceptual-diagram.html