บล็อก
ทฤษฎีสี เรื่องราวแบรนด์ และคู่มือการออกแบบ
การสร้างระบบสีแบรนด์ตั้งแต่เริ่มต้น
คู่มือทีละขั้นตอนในการสร้างระบบสีแบรนด์: การเลือกสีหลัก สีรอง สีนิวทรัล สีเชิงความหมาย และเอกสารที่ขยายได้ตามทีม
อัปเดตแล้ว ก.พ. 25, 2026
การสร้าง OG Image ที่มีสีสันด้วย Next.js และ Satori
สร้างภาพ Open Graph แบบไดนามิกด้วย Next.js และ Satori สร้าง template OG ที่รับรู้สีด้วย gradients สีแบรนด์ และการออกแบบที่ตอบสนอง
อัปเดตแล้ว ก.พ. 24, 2026
สีแบบ Split-Complementary: ความลับของนักออกแบบ
สีแบบ split-complementary มอบคอนทราสต์ทางภาพเหมือนคู่สีตรงข้ามแต่ลดความตึงเครียดลงมาก เรียนรู้วิธีหา นำไปใช้ และเหตุใดนักออกแบบจึงชอบมากกว่า
อัปเดตแล้ว ก.พ. 23, 2026
สีแบรนด์ Amazon: จากสีน้ำตาลร้านหนังสือสู่ Smile Orange
ติดตามวิวัฒนาการสีแบรนด์ Amazon จากสีน้ำตาลร้านหนังสือสู่ Smile Orange (#FF9900) สุดเป็นเอกลักษณ์ พร้อมสีฟ้า Prime, สี AWS และพาเลตแบรนด์ย่อย
อัปเดตแล้ว ก.พ. 22, 2026
โอบังแซก (오방색) ของเกาหลี: ห้าสีหลัก
ค้นพบโอบังแซก (오방색) ของเกาหลี ห้าสีหลักที่หยั่งรากในปรัชญาหยิน-หยาง เรียนรู้ความหมาย ทิศทาง และการใช้ในการออกแบบเกาหลีสมัยใหม่
อัปเดตแล้ว ก.พ. 22, 2026
ตาของมนุษย์มองเห็นสีได้กี่สี?
ตาของมนุษย์สามารถแยกแยะสีได้ประมาณ 10 ล้านสี เรียนรู้วิธีการทำงานของเซลล์รูปกรวย tetrachromacy คืออะไร และเหตุใดหน้าจอจึงแสดงได้เพียงเศษเสี้ยวของที่เราเห็น
อัปเดตแล้ว ก.พ. 21, 2026
Figma Color Styles vs Variables: ควรใช้แบบไหน?
เปรียบเทียบ Figma color styles และ variables เรียนรู้ความแตกต่างหลัก เส้นทางการย้ายและแนวทางปฏิบัติที่ดีสำหรับทีมที่จัดการ color tokens ใน design system
อัปเดตแล้ว ก.พ. 20, 2026
จิตวิทยาของสีฟ้า: ความไว้วางใจ ความสงบ และอำนาจ
ค้นพบว่าเหตุใดสีฟ้าจึงครองการสร้างแบรนด์องค์กรและโซเชียลมีเดีย สำรวจจิตวิทยาของสีฟ้า — ความไว้วางใจ ความสงบ อำนาจ พร้อมรหัส hex และตัวอย่างแบรนด์จริง
อัปเดตแล้ว ก.พ. 19, 2026
Pantone สีแห่งปี 2026: Cloud Dancer — สีขาวสีแรก
Cloud Dancer (PANTONE 11-4201) คือสีแห่งปี 2026 — สีขาวสีแรกที่ได้รับการคัดเลือก สำรวจรหัส hex #F0EEE9 ความสำคัญทางวัฒนธรรม การออกแบบ และพาเลตเสริม
อัปเดตแล้ว ก.พ. 18, 2026
CSS Custom Properties สำหรับระบบสีแบบไดนามิก
เรียนรู้วิธีสร้างระบบสีที่ดูแลรักษาง่ายและปรับธีมได้ด้วย CSS custom properties ครอบคลุมตัวแปร โหมด light/dark และการเปลี่ยนสีด้วย JS ขณะรันไทม์
อัปเดตแล้ว ก.พ. 18, 2026
สีเมดิเตอร์เรเนียน: แสงแดด ทะเล และ Terracotta
ค้นพบพาเลตสีเมดิเตอร์เรเนียนพร้อมรหัส hex — สีฟ้ากรีก terracotta อิตาลี กระเบื้องสเปน โทนอัญมณีโมร็อกโก และแรงบันดาลใจการออกแบบริมชายฝั่ง
อัปเดตแล้ว ก.พ. 16, 2026
sRGB vs Display P3: Wide Gamut Color อธิบาย
sRGB vs Display P3: เรียนรู้ว่า color gamuts คืออะไร เหตุใด P3 จึงกว้างกว่า sRGB 25% วิธีใช้ CSS color(display-p3) และอุปกรณ์ใดรองรับ wide gamut
อัปเดตแล้ว ก.พ. 16, 2026
สีแบรนด์ Slack: จากลายตารางสู่สี่สีที่กลมกลืน
ติดตามวิวัฒนาการสีของ Slack จากโลโก้ลายตาราง 11 สีเดิมสู่การรีแบรนด์ 4 สีที่เรียบง่าย เรียนรู้ว่าเหตุใดการทำให้สีเรียบง่ายขึ้นจึงเสริมความแข็งแกร่งให้แบรนด์
อัปเดตแล้ว ก.พ. 15, 2026
Metamerism คืออะไร? เหตุใดสีดูแตกต่างกันในแสงต่างกัน
ทำความเข้าใจ metamerism — เหตุใดสีตรงกันภายใต้แสงหนึ่งแต่ดูแตกต่างภายใต้แสงอื่น เรียนรู้ illuminant, observer และ field-size metamerism และวิธีทดสอบ
อัปเดตแล้ว ก.พ. 14, 2026
วิธีตรวจสอบคอนทราสต์สีตาม WCAG
เรียนรู้วิธีตรวจสอบอัตราส่วนคอนทราสต์สีสำหรับการปฏิบัติตาม WCAG AA และ AAA คู่มือทีละขั้นตอนพร้อมตัวอย่างรหัส hex จริงและข้อผิดพลาดที่ควรหลีกเลี่ยง
อัปเดตแล้ว ก.พ. 13, 2026
จิตวิทยาสีในการออกแบบบรรจุภัณฑ์
ค้นพบวิธีที่จิตวิทยาสีขับเคลื่อนการออกแบบบรรจุภัณฑ์ เรียนรู้สีตามหมวดหมู่สินค้า กลยุทธ์บนชั้นวาง สัญญาณความยั่งยืน และสัญลักษณ์พรีเมียมที่ส่งผลต่อการซื้อ
อัปเดตแล้ว ก.พ. 13, 2026
Tailwind CSS Colors: คู่มือระบบเฉดฉบับสมบูรณ์
เชี่ยวชาญระบบสีของ Tailwind CSS: พาเลตเริ่มต้น หลักการเฉด 50-950 สีกำหนดเองใน config และวิธีการ CSS variables ใหม่ใน Tailwind v4
อัปเดตแล้ว ก.พ. 11, 2026
สีใน Micro-Interaction: สถานะ Hover, Focus และ Active
เรียนรู้การใช้สีใน micro-interaction — การแสดงตัวอย่าง hover การนำทาง focus การตอบสนอง active สร้างสีสถานะที่สอดคล้องกันในทุกคอมโพเนนต์ UI
อัปเดตแล้ว ก.พ. 11, 2026
ทำความเข้าใจค่าสีและคอนทราสต์ในการออกแบบ
เรียนรู้วิธีที่ค่าสี — ความสว่างและความมืด — ควบคุมลำดับชั้นทางสายตา ความอ่านง่าย และการเข้าถึง รวมถึง squint test ผลกระทบต่อ WCAG และตัวอย่างปฏิบัติ
อัปเดตแล้ว ก.พ. 10, 2026
สัญลักษณ์สีของอินเดีย: Holi และอื่นๆ อีกมากมาย
สำรวจสัญลักษณ์สีของอินเดียจาก Holi สีแดงงานแต่งและสีเหลืองหญ้าฝรั่น ค้นพบรหัส hex และความหมายทางวัฒนธรรมเบื้องหลังพาเลตอันสดใสของอินเดีย
อัปเดตแล้ว ก.พ. 09, 2026
สีแบรนด์ Airbnb: เรื่องราวเบื้องหลัง Rausch Red
สำรวจ Rausch Red (#FF5A5F) ของ Airbnb วิวัฒนาการสีของสัญลักษณ์ Bélo และการใช้สีของ Airbnb เพื่อสร้างความไว้วางใจในการท่องเที่ยว
อัปเดตแล้ว ก.พ. 08, 2026
คอนทราสต์สี WCAG: คู่มือฉบับสมบูรณ์สำหรับนักพัฒนา
เชี่ยวชาญข้อกำหนดคอนทราสต์สี WCAG 2.1 เรียนรู้ระดับ AA และ AAA วิธีการทดสอบ เครื่องมืออัตโนมัติ และวิธีแก้ไขการละเมิดคอนทราสต์ในโค้ดของคุณ
อัปเดตแล้ว ก.พ. 07, 2026
ขาวเป็นสีหรือไม่? แสง สีย้อม และการรับรู้
ขาวเป็นสีหรือเป็นการขาดสี? สำรวจวิทยาศาสตร์ของแสง โลกของสีย้อม และวิธีใช้สีขาวในการออกแบบ — จาก #FFFFFF สู่ขาวอุ่น
อัปเดตแล้ว ก.พ. 07, 2026
จิตวิทยาของสีดำและขาวในการออกแบบ
ค้นพบจิตวิทยาของสีดำและขาวในการออกแบบ — ความซับซ้อน ความบริสุทธิ์ พลัง คอนทราสต์ เรียนรู้วิธีใช้ขาวดำอย่างมีประสิทธิภาพพร้อมรหัส hex และคำแนะนำการเข้าถึง
อัปเดตแล้ว ก.พ. 06, 2026
สีในการออกแบบ Navigation: Active States และการนำทาง
ใช้สีอย่างมีประสิทธิภาพในการออกแบบ navigation เรียนรู้คอนทราสต์ active state สี breadcrumb การไฮไลต์ sidebar และรูปแบบสี navigation บนมือถือ
อัปเดตแล้ว ก.พ. 05, 2026
การใช้งาน Dark Mode: คู่มือสมบูรณ์สำหรับนักพัฒนา
เรียนรู้วิธีใช้งาน dark mode ด้วย CSS custom properties, prefers-color-scheme, JavaScript toggle และกลยุทธ์การปรับสีที่เหมาะสมสำหรับโปรเจกต์เว็บทุกประเภท
อัปเดตแล้ว ก.พ. 04, 2026
สีตรงข้าม (Complementary): ศิลปะแห่งคอนทราสต์
ค้นพบวิธีที่สีตรงข้ามทำงาน วิธีหาสีตรงข้ามบนวงล้อสี และวิธีใช้เฉดสีตรงข้ามกันเพื่อสร้างการออกแบบที่โดดเด่นและมีคอนทราสต์สูง
อัปเดตแล้ว ก.พ. 03, 2026
สีดั้งเดิมของญี่ปุ่น (日本の伝統色): คู่มือฉบับสมบูรณ์
สำรวจสีดั้งเดิมของญี่ปุ่น (日本の伝統色) พร้อมรหัส hex ความหมายทางวัฒนธรรม และความสัมพันธ์ตามฤดูกาล ตั้งแต่สีครามไอ-อิโระสู่สีชมพูดอกซากุระ
อัปเดตแล้ว ก.พ. 03, 2026
สีแบรนด์ Crypto Exchange: Binance, Coinbase, Kraken
เปรียบเทียบสีแบรนด์ crypto exchange จากทองของ Binance สู่ฟ้าของ Coinbase สู่ม่วงของ Kraken วิเคราะห์สิ่งที่การเลือกสีสื่อถึงความไว้วางใจและการซื้อขาย
อัปเดตแล้ว ก.พ. 02, 2026
สร้าง Color Picker Web Component ตั้งแต่ต้น
สร้าง color picker ที่เข้าถึงได้เป็น Web Component นำ canvas rendering, hue sliders, alpha channels และ custom events ด้วย Shadow DOM ไปใช้งาน
อัปเดตแล้ว ก.พ. 02, 2026
Pantone คืออะไร? ภาษาสีสากล
ทำความเข้าใจ Pantone Matching System — วิธีการทำงานของหมายเลข Pantone ความแตกต่าง PMS vs CMYK ประเพณีสีแห่งปี และเมื่อใดควรระบุสี Pantone
อัปเดตแล้ว ก.พ. 01, 2026
OKLCH Color Picker: เหตุใดนักออกแบบจึงเปลี่ยนมาใช้
ค้นพบว่าเหตุใด OKLCH color pickers จึงให้ผลลัพธ์ดีกว่า HSL เรียนรู้ perceptual lightness, uniform chroma และวิธีสร้างพาเลตใน OKLCH color space
อัปเดตแล้ว ม.ค. 31, 2026
CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์
เรียนรู้ CSS color-mix() เพื่อผสมสีโดยตรงในเบราว์เซอร์ เชี่ยวชาญ syntax, color spaces, กรณีการใช้งานจริง และสร้างพาเลตแบบไดนามิกโดยไม่ต้องใช้ JavaScript
อัปเดตแล้ว ม.ค. 31, 2026
จิตวิทยาของสีเขียว: ธรรมชาติ การเติบโต และสมดุล
สำรวจจิตวิทยาของสีเขียวในการสร้างแบรนด์ ตั้งแต่ Starbucks สู่ Spotify เรียนรู้วิธีที่สีเขียวสื่อถึงธรรมชาติ เงิน ความยั่งยืน และการเติบโตพร้อมรหัส hex
อัปเดตแล้ว ม.ค. 30, 2026
ระบบสี Material Design: วิธีการของ Google
สำรวจระบบสี Material Design ของ Google: tonal palettes, บทบาทหลักและรอง, Dynamic Color (Material You) และตัวอย่างการนำ hex code ไปใช้จริง
อัปเดตแล้ว ม.ค. 29, 2026
Color Gamut อธิบาย: sRGB, P3 และ Rec. 2020
ทำความเข้าใจ color gamuts — sRGB, Display P3 และ Rec. 2020 — และวิธีใช้สี wide-gamut ใน CSS ด้วย @media (color-gamut) สำหรับจอสมัยใหม่
อัปเดตแล้ว ม.ค. 28, 2026
Opacity, Transparency และ Alpha Channels อธิบาย
เรียนรู้ความแตกต่างระหว่าง opacity, transparency และ alpha channels ครอบคลุม CSS opacity vs rgba/hsla เทคนิคการซ้อนชั้น และเคล็ดลับประสิทธิภาพสำหรับ overlays
อัปเดตแล้ว ม.ค. 28, 2026
ประวัติของ Pantone: บริษัทเดียวที่สร้างมาตรฐานสีให้โลก
ประวัติสมบูรณ์ของ Pantone: จากวิสัยทัศน์ของ Lawrence Herbert ในปี 1963 สู่ Pantone Matching System, Color of the Year และมาตรฐานสีดิจิทัลที่ใช้ทั่วโลก
อัปเดตแล้ว ม.ค. 27, 2026
Pantone ตามทศวรรษ: ปี 2000s, 2010s และ 2020s เปรียบเทียบ
การวิเคราะห์ทีละทศวรรษของทุก Pantone สีแห่งปีตั้งแต่ปี 2000 ถึง 2026 เปรียบเทียบเทรนด์สี อิทธิพลทางวัฒนธรรม และวิวัฒนาการของการคัดเลือก 27 ปี
อัปเดตแล้ว ม.ค. 26, 2026
Indigo คือสีอะไร? ระหว่างสีฟ้าและม่วง
Indigo คือสีฟ้า-ม่วงเข้มด้วยรหัส hex #4B0082 อยู่ระหว่างสีฟ้าและม่วงในสายรุ้ง เรียนรู้ประวัติย้อมสี ความเชื่อมโยงกับยีนส์ และการใช้ในการออกแบบ
อัปเดตแล้ว ม.ค. 25, 2026
Adobe Color (color.adobe.com): คู่มือฉบับสมบูรณ์
เชี่ยวชาญ Adobe Color สำหรับการสร้างพาเลต ดึงสีจากภาพ ทดสอบการเข้าถึง และเชื่อมต่อกับ CC Library คู่มือครบถ้วนสำหรับ color.adobe.com
อัปเดตแล้ว ม.ค. 24, 2026
จิตวิทยาของสีม่วง: ความหรูหรา ความสร้างสรรค์ และความลึกลับ
สำรวจว่าเหตุใดสีม่วงจึงสื่อถึงความหรูหรา ความสร้างสรรค์ และความลึกลับในการสร้างแบรนด์ ตั้งแต่ประวัติศาสตร์ราชวงศ์สู่ Twitch และ Cadbury
อัปเดตแล้ว ม.ค. 24, 2026
การสร้างสีแบบไดนามิก: อัลกอริทึมสำหรับ Design Systems
เรียนรู้อัลกอริทึมเบื้องหลังการสร้างเฉด การเลือกสีที่รับรู้คอนทราสต์ การดึงพาเลต dark mode และการสร้างธีมจากสีแบรนด์เดียวสำหรับ design systems
อัปเดตแล้ว ม.ค. 22, 2026
CSS Color Functions: rgb(), hsl(), oklch() เปรียบเทียบ
เปรียบเทียบทุก CSS color function — rgb(), hsl(), lab(), oklch() และ color-mix() เรียนรู้ว่าควรใช้แบบไหน เมื่อไหร่ และ browser support เป็นอย่างไร
อัปเดตแล้ว ม.ค. 22, 2026
พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH
สำรวจพื้นที่สีที่สม่ำเสมอเชิงรับรู้ — CIE Lab, LCH, Oklab และ OKLCH เรียนรู้วิธีการออกแบบของแต่ละพื้นที่สี จุดเด่น และวิธีเลือกใช้สำหรับ CSS และงานออกแบบ
อัปเดตแล้ว ม.ค. 22, 2026
โทนสีสามเหลี่ยม (Triadic): การออกแบบที่โดดเด่นและสมดุล
เรียนรู้วิธีที่โทนสีสามเหลี่ยมใช้สามเฉดที่ห่างเท่ากันเพื่อสร้างพาเลตที่สดใสและสมดุล รวมถึงตัวอย่าง รหัส hex และเคล็ดลับการออกแบบสำหรับเว็บและการสร้างแบรนด์
อัปเดตแล้ว ม.ค. 21, 2026
ทฤษฎีสี Bauhaus: Kandinsky, Klee และ Itten
สำรวจทฤษฎีสี Bauhaus โดย Itten, Kandinsky และ Klee เรียนรู้ความสัมพันธ์ระหว่างรูปทรงและสีหลัก วงกลมสี และมรดก Bauhaus ในการออกแบบสมัยใหม่
อัปเดตแล้ว ม.ค. 20, 2026
สีแบรนด์หรู: ดำ ทอง และศิลปะแห่งความพิเศษ
สำรวจวิธีที่ Chanel, Louis Vuitton, Hermès และ Tiffany ใช้สีเพื่อสื่อถึงความพิเศษ เรียนรู้จิตวิทยาของสีดำ ทอง และสีแบรนด์หรูที่เป็นเอกลักษณ์
อัปเดตแล้ว ม.ค. 19, 2026
ความแตกต่างระหว่าง Magenta และ Fuchsia
Magenta และ fuchsia มีรหัส hex เดียวกัน #FF00FF ใน CSS แต่ถือว่าเป็นสีที่แตกต่างกัน นี่คือการวิเคราะห์ทางเทคนิคและประวัติศาสตร์ฉบับสมบูรณ์
อัปเดตแล้ว ม.ค. 19, 2026
การบันทึกสีใน Storybook: รูปแบบและ Add-ons
บันทึกระบบสีใน Storybook ด้วย palette stories, การตรวจสอบการเข้าถึง และเอกสารที่สร้างอัตโนมัติ Add-ons และรูปแบบที่ดีที่สุดสำหรับเอกสารสี
อัปเดตแล้ว ม.ค. 18, 2026
จิตวิทยาของสีแดง: ความหลงใหล ความเร่งด่วน และพลัง
สำรวจจิตวิทยาของสีแดง — เหตุใดจึงกระตุ้นความเร่งด่วน ความหลงใหล และพลังในการตลาด การออกแบบเว็บ และวัฒนธรรม รวมถึงรหัส hex และตัวอย่างแบรนด์จริง
อัปเดตแล้ว ม.ค. 17, 2026
การออกแบบชุดสีที่เข้าถึงได้สำหรับทุกคน
เรียนรู้การออกแบบชุดสีที่เข้าถึงได้ตามมาตรฐาน WCAG ครอบคลุมการบกพร่องทางสี ค่าคอนทราสต์ การเข้ารหัสซ้ำซ้อน และขั้นตอนการทดสอบพร้อมตัวอย่างจริง
อัปเดตแล้ว ม.ค. 16, 2026
Figma Auto-Layout Components พร้อม Color Tokens
สร้าง Figma auto-layout components ด้วยสถาปัตยกรรม color token เรียนรู้การผูกตัวแปร responsive tokens, ตัวแปรธีม และการส่งมอบงานให้นักพัฒนา
อัปเดตแล้ว ม.ค. 15, 2026
Hue, Saturation และ Lightness: โมเดลสี HSL
เชี่ยวชาญโมเดลสี HSL: เรียนรู้ความหมายของ hue, saturation และ lightness, วิธีที่ HSL ทำงานใน CSS และวิธีเปรียบเทียบกับ HSV สำหรับการตัดสินใจด้านสีที่ดีขึ้น
อัปเดตแล้ว ม.ค. 15, 2026
พาเลตสี Art Deco: ความงามและการออกแบบเรขาคณิต
สำรวจพาเลตสี Art Deco พร้อมรหัส hex — ทอง ดำ มรกต ไพลิน และทับทิม ค้นพบความงามของยุค 1920s และวิธีใช้สี Art Deco ในการออกแบบยุคใหม่
อัปเดตแล้ว ม.ค. 14, 2026
Color Proofing: รับประกันความถูกต้องของสีงานพิมพ์
เรียนรู้เทคนิค soft proofing, hard proofing และ press proof เพื่อรับประกันความถูกต้องของการพิมพ์สีจากหน้าจอสู่ผลลัพธ์สุดท้าย
อัปเดตแล้ว ม.ค. 13, 2026
เหตุใด Starbucks จึงเลือกสีเขียว: เรื่องราวเบื้องหลัง Starbucks Green
สำรวจว่าเหตุใด Starbucks จึงเลือกสีเขียวเป็นสีแบรนด์ วิวัฒนาการของโลโก้ และรหัส hex #006241 ที่กำหนดหนึ่งในแบรนด์ที่โดดเด่นที่สุดในโลก
อัปเดตแล้ว ม.ค. 13, 2026
CMYK สำหรับนักออกแบบเว็บ: เมื่องานพิมพ์พบกับหน้าจอ
นักออกแบบเว็บที่ทำงานกับสิ่งพิมพ์ต้องเข้าใจ CMYK เรียนรู้ความแตกต่างของ gamut กลยุทธ์การแปลง RGB เป็น CMYK ขั้นตอน print proofing และข้อผิดพลาดที่พบบ่อย
อัปเดตแล้ว ม.ค. 12, 2026
Aqua vs Teal vs Turquoise: จัดระเบียบสีฟ้า-เขียว
เปรียบเทียบ aqua (#00FFFF), teal (#008080) และ turquoise (#40E0D0) เรียนรู้ความแตกต่างรหัส hex ลักษณะทางสายตา และเมื่อใดควรใช้สีฟ้า-เขียวแต่ละเฉด
อัปเดตแล้ว ม.ค. 12, 2026
shadcn/ui Color Customization: การตั้งธีมด้วย CSS Variables
ปรับแต่งสีของ shadcn/ui ด้วย CSS variables แบบ HSL สร้างธีมกำหนดเอง รวม dark mode และซิงค์กับ Tailwind CSS สำหรับการจัดรูปแบบ component ที่สม่ำเสมอ
อัปเดตแล้ว ม.ค. 11, 2026
สีส่งผลต่ออารมณ์และการตัดสินใจอย่างไร
ค้นพบว่าสีส่งผลต่ออารมณ์และการตัดสินใจอย่างไร การวิจัยแสดงว่า 85% ของการตัดสินใจซื้อเกี่ยวข้องกับสี เรียนรู้วิทยาศาสตร์เบื้องหลังจิตวิทยาสี
อัปเดตแล้ว ม.ค. 10, 2026
กระดาษส่งผลต่อสีอย่างไร: วัสดุพื้นผิวและคุณภาพการพิมพ์
ทำความเข้าใจว่าประเภทกระดาษ การเคลือบ และน้ำหนักส่งผลต่อสีที่พิมพ์ออกมาอย่างไร เรียนรู้ความแตกต่างระหว่างกระดาษเคลือบ ไม่เคลือบ และพิเศษสำหรับความถูกต้องของสี
อัปเดตแล้ว ม.ค. 09, 2026
สีใน Onboarding Flows: ความประทับใจแรกและการนำทาง
ออกแบบประสบการณ์ onboarding ที่มีประสิทธิภาพด้วยการใช้สีเชิงกลยุทธ์ เรียนรู้พาเลตหน้าต้อนรับ ตัวบ่งชี้ความคืบหน้า tooltips และช่วงเวลาการเฉลิมฉลอง
อัปเดตแล้ว ม.ค. 09, 2026
Tint, Shade และ Tone: อะไรคือความแตกต่าง?
ทำความเข้าใจความแตกต่างระหว่าง tint, shade และ tone ในทฤษฎีสี เรียนรู้วิธีที่การเพิ่มขาว ดำ หรือเทาเปลี่ยนแปลงสีใดๆ พร้อมตัวอย่างรหัส hex
อัปเดตแล้ว ม.ค. 08, 2026
Foil Stamping และสีโลหะในการออกแบบงานพิมพ์
เรียนรู้เทคนิค foil stamping ตัวเลือกหมึกโลหะ การเลือก foil ทองและเงิน และข้อพิจารณาด้านการออกแบบสำหรับสิ่งพิมพ์พรีเมียม
อัปเดตแล้ว ม.ค. 08, 2026
ประเพณีสีของแอฟริกา: จากผ้า Kente สู่การออกแบบยุคใหม่
สำรวจประเพณีสีของแอฟริกาจากผ้า Kente ภาพจิตรกรรม Ndebele สีแดงของ Maasai และการออกแบบแอฟริกันร่วมสมัย พร้อมความหมายเชิงสัญลักษณ์และรหัสสี hex
อัปเดตแล้ว ม.ค. 07, 2026
สีแบรนด์ Avalanche: สีแดงแห่งความเร็วในโลก Crypto
ค้นพบเอกลักษณ์สีแดง (#E84142) ของ Avalanche ความหมายของโลโก้สามเหลี่ยม และวิธีที่สีแดงสื่อถึงความเร็วและพลังในระบบนิเวศ blockchain
อัปเดตแล้ว ม.ค. 06, 2026
สถาปัตยกรรมสีแบบ Multi-Brand: โค้ดเบสเดียว หลายธีม
สร้างสถาปัตยกรรมสีแบบ Multi-Brand ด้วย CSS custom properties และ design tokens รองรับการทำ white-label theming จากโค้ดเบสเดียวพร้อมการรวม Tailwind
อัปเดตแล้ว ม.ค. 06, 2026
Ivory คือสีอะไร? เกินกว่าขาวบริสุทธิ์
Ivory คือสีขาวออฟไวท์อุ่นด้วยรหัส hex #FFFFF0 เรียนรู้วิธีที่มันแตกต่างจาก cream, off-white และ eggshell พร้อมการประยุกต์ด้านงานแต่งงานและการออกแบบเว็บ
อัปเดตแล้ว ม.ค. 05, 2026
วิธีหาสีตรงข้ามที่สมบูรณ์แบบ
เรียนรู้วิธีหาสีตรงข้ามโดยใช้วงล้อสี สูตรคณิตศาสตร์ และเครื่องมือสร้างพาเลต รวมถึงรูปแบบการออกแบบและตัวอย่างรหัส hex
อัปเดตแล้ว ม.ค. 04, 2026
จิตวิทยาสีเหลือง: ความมองโลกในแง่ดี ความอบอุ่น และการเตือนภัย
ทำไมสีเหลืองจึงถูกใช้สำหรับรถแท็กซี่ ป้ายเตือน และแบรนด์ที่สดใส? สำรวจจิตวิทยาสีเหลืองพร้อมรหัส hex และการประยุกต์ใช้ในงานออกแบบจริง
อัปเดตแล้ว ม.ค. 04, 2026
สีในการออกแบบ Dashboard: สถานะ การแจ้งเตือน และ KPI
ออกแบบระบบสี dashboard สำหรับตัวบ่งชี้สถานะ RAG scoring พาเลตกราฟ และความรุนแรงการแจ้งเตือน สร้างอินเทอร์เฟซข้อมูลที่เข้าถึงได้และสแกนง่าย
อัปเดตแล้ว ม.ค. 03, 2026
สีใน 3D และ WebGL: Linear Color Space และ PBR
ทำความเข้าใจสีในการเรนเดอร์ 3D — sRGB vs linear RGB, gamma correction, สีการเรนเดอร์แบบ physically-based, การจัดการสีใน Three.js และ HDR ในเว็บ 3D
อัปเดตแล้ว ม.ค. 02, 2026
การทำแผนที่ Color Gamut: การแปลงระหว่างพื้นที่สี
ทำความเข้าใจการทำแผนที่ color gamut: สีที่อยู่นอก gamut คืออะไร clipping vs การบีบอัดแบบ perceptual ทำงานอย่างไร และ CSS จัดการการทำแผนที่ gamut ในปี 2026 อย่างไร
อัปเดตแล้ว ม.ค. 01, 2026
สีการออกแบบสแกนดิเนเวีย: พาเลตนอร์ดิก
สำรวจสีการออกแบบสแกนดิเนเวีย: พาเลตนอร์ดิกของขาวหน้าหนาว สีเขียวธรรมชาติ ความอบอุ่นแบบ hygge และโทนดินมืด พร้อมรหัส hex สำหรับแต่ละสี
อัปเดตแล้ว ธ.ค. 31, 2025
รหัส Hex คืออะไร? ภาษาของสีดิจิทัล
เรียนรู้ว่ารหัสสี hex คืออะไร วิธีที่ระบบเลขฐานสิบหกเข้ารหัสค่า RGB, ชวเลข 3 หลัก, hex alpha 8 หลัก และวิธีหารหัส hex สำหรับสีใดๆ
อัปเดตแล้ว ธ.ค. 30, 2025
สีแบรนด์ Tether: Stablecoin Green ของความไว้วางใจ
ทำความเข้าใจสีเขียว (#26A17B) ของ Tether และวิธีที่การสร้างแบรนด์ stablecoin ใช้สีเขียวเพื่อสื่อถึงความมั่นคง ความไว้วางใจ และความน่าเชื่อถือในการผูกกับดอลลาร์
อัปเดตแล้ว ธ.ค. 30, 2025
การทดสอบการเข้าถึงสีใน Figma: ปลั๊กอินและขั้นตอนการทำงาน
ทดสอบการเข้าถึงสีใน Figma ด้วย Stark, ปลั๊กอิน A11y และตัวจำลองการบกพร่องทางสี สร้างขั้นตอนการออกแบบที่เข้าถึงได้ด้วยการตรวจสอบแบบแบตช์และการส่งมอบงาน
อัปเดตแล้ว ธ.ค. 29, 2025
สีสำหรับการเล่าเรื่องด้วยข้อมูล: เกินกว่าสีกราฟเริ่มต้น
ก้าวพ้นสีกราฟเริ่มต้นสำหรับการเล่าเรื่องด้วยข้อมูล เรียนรู้พาเลต sequential, diverging และ categorical การเข้าถึงใน dataviz และ color scales ใน D3/Chart.js
อัปเดตแล้ว ธ.ค. 29, 2025
ความหมายของสีในแต่ละวัฒนธรรม: คู่มือระดับโลก
ความหมายของสีแตกต่างกันอย่างมากในแต่ละวัฒนธรรม สีแดงหมายถึงโชคลาภในจีนแต่เป็นอันตรายในตะวันตก สีขาวหมายถึงการไว้ทุกข์ในเอเชีย คู่มือสำหรับนักออกแบบระดับโลก
อัปเดตแล้ว ธ.ค. 28, 2025
เทรนด์สีในการออกแบบเว็บ 2026
ค้นพบเทรนด์สีในการออกแบบเว็บที่ยิ่งใหญ่ที่สุดของปี 2026: วิวัฒนาการ dark mode, renaissance ของการไล่สี, earth tones ที่หมองคล้ำ, สีนีออนเป็นสีเน้น และตัวอย่างจานสี glassmorphism
อัปเดตแล้ว ธ.ค. 27, 2025
Color Animation ใน CSS: Transitions และ Keyframes
เชี่ยวชาญ color animation ใน CSS ด้วย transitions, keyframes, การหมุน hue ใน HSL, OKLCH interpolation และแนวทางปฏิบัติด้านประสิทธิภาพ
อัปเดตแล้ว ธ.ค. 26, 2025
ทฤษฎีการผสมสี: แบบ Additive vs Subtractive
การผสมสีแบบ additive และ subtractive อธิบายว่าเหตุใดสีหน้าจอ (RGB) และสีงานพิมพ์ (CMYK) จึงมีพฤติกรรมแตกต่างกัน เรียนรู้วิทยาศาสตร์และการประยุกต์ในการออกแบบ
อัปเดตแล้ว ธ.ค. 25, 2025
สีดั้งเดิมของจีน: ความหมายและสัญลักษณ์
สำรวจสีดั้งเดิมของจีนพร้อมรหัส hex: สีเหลืองของจักรพรรดิ สีแดงมงคล สีขาวแห่งการไว้ทุกข์ และธาตุทั้งห้า คู่มือสัญลักษณ์สีจีนฉบับสมบูรณ์
อัปเดตแล้ว ธ.ค. 25, 2025
CSS light-dark() Function: การสลับธีมโดยธรรมชาติ
ใช้ CSS light-dark() สำหรับการสลับธีมโดยธรรมชาติ แทนที่ JavaScript toggles และ media queries ด้วย CSS function เดียวสำหรับสีโหมด light และ dark
อัปเดตแล้ว ธ.ค. 24, 2025
Emerald vs Jade vs Forest Green: คู่มือเปรียบเทียบสีเขียว
เปรียบเทียบ emerald (#50C878), jade (#00A86B) และ forest green (#228B22) เรียนรู้ความแตกต่างทางสายตาและรหัส hex ระหว่างสีเขียวยอดนิยมเหล่านี้
อัปเดตแล้ว ธ.ค. 24, 2025
สีแบรนด์ Solana: การไล่สีที่แทนความเร็ว
สำรวจการไล่สีม่วงสู่ teal ของ Solana ความหมายของมันต่อความเร็วและนวัตกรรม พร้อมรหัส hex ที่แน่นอนสำหรับจานสีแบรนด์ Solana
อัปเดตแล้ว ธ.ค. 24, 2025
'อุ่น' หรือ 'เย็น' ทำให้สีแตกต่างกันอย่างไร?
สีอุ่นและสีเย็นเป็นแนวคิดพื้นฐานในการออกแบบ — แต่กฎมีความละเอียดอ่อนกว่าที่เห็น เรียนรู้วิทยาศาสตร์วงล้อสี อุณหภูมิสัมพัทธ์ และเคล็ดลับปฏิบัติ
อัปเดตแล้ว ธ.ค. 23, 2025
คู่มือ CSS Gradient: Linear, Radial และ Conic Gradients
เชี่ยวชาญ CSS gradients: syntax ของ linear, radial และ conic พร้อมตัวอย่างปฏิบัติ color stops, มุม และเคล็ดลับการใช้เครื่องมือสร้าง gradient
อัปเดตแล้ว ธ.ค. 22, 2025
จิตวิทยาของสีส้ม: พลังงาน ความกระตือรือร้น และความสนุกสนาน
สีส้มคือสีแห่งความกระตือรือร้น การกระทำ และความเป็นกันเอง ค้นพบวิธีที่แบรนด์ตั้งแต่ Amazon สู่ Bitcoin ใช้จิตวิทยาสีส้มเพื่อกระตุ้นการมีส่วนร่วมและการจดจำ
อัปเดตแล้ว ธ.ค. 21, 2025
สีในการออกแบบแอปมือถือ: แนวทางของแต่ละแพลตฟอร์ม
เชี่ยวชาญสีในการออกแบบแอปมือถือ iOS Human Interface Guidelines, ระบบสี Material Design 3, โหมด light/dark แบบปรับตัว, Dynamic Island และแนวทางปฏิบัติสีระบบ
อัปเดตแล้ว ธ.ค. 21, 2025
โมเดลสี RGB: หน้าจอแสดงสีอย่างไร
ทำความเข้าใจวิธีการทำงานของโมเดลสี RGB — การผสมแสงสีแดง เขียว และน้ำเงิน ช่วง 0-255, ฟังก์ชัน rgb() ใน CSS และเหตุใดหน้าจอจึงแสดงสีได้ 16.7 ล้านสี
อัปเดตแล้ว ธ.ค. 20, 2025
ความแตกต่างระหว่าง Cyan และ Turquoise
Cyan (#00FFFF) และ turquoise (#40E0D0) ดูคล้ายกันแต่แตกต่างกันในตำแหน่ง color model ความอิ่มตัว และกรณีการใช้งาน นี่คือการวิเคราะห์ฉบับสมบูรณ์
อัปเดตแล้ว ธ.ค. 19, 2025
ความกลมกลืนของสี: เหตุใดสีบางสีเข้ากันได้
ทำความเข้าใจว่าเหตุใดสีบางสีจึงเข้ากันและบางสีขัดกัน สำรวจความกลมกลืนของสีตามธรรมชาติ วัฒนธรรม และคณิตศาสตร์ พร้อมตัวอย่างการสร้างพาเลต
อัปเดตแล้ว ธ.ค. 19, 2025
Barbie Pink: สีที่สร้างอาณาจักร
สำรวจประวัติศาสตร์ Barbie Pink (#DA1884) จากการกำหนดของ Pantone สู่ปรากฏการณ์หนังปี 2023 และวิธีที่สีชมพูเฉดเดียวสร้างอาณาจักรมูลค่าพันล้าน
อัปเดตแล้ว ธ.ค. 18, 2025
Lilac vs Lavender vs Mauve: พี่น้องสีม่วงที่ละเอียดอ่อน
เปรียบเทียบ lilac (#C8A2C8), lavender (#E6E6FA) และ mauve (#E0B0FF) เรียนรู้ความแตกต่างเล็กน้อยระหว่างสีใกล้เคียงม่วงเหล่านี้พร้อมรหัส hex และกรณีการใช้งาน
อัปเดตแล้ว ธ.ค. 17, 2025
การแก้ไขสีใน Photoshop: Curves, Levels และ HSL
เชี่ยวชาญการแก้ไขสีใน Photoshop ด้วย Curves, Levels และการปรับ HSL เรียนรู้การอ่าน histogram, white balance และเทคนิค color grading ระดับมืออาชีพ
อัปเดตแล้ว ธ.ค. 16, 2025
สีในการตลาด: วิธีที่แบรนด์ใช้สีเพื่อขาย
แบรนด์ใช้สีเพื่อกระตุ้นยอดขายและความภักดีได้อย่างไร? ตั้งแต่การเพิ่มการจดจำแบรนด์ 80% ถึงการทดสอบ A/B ของ CTA เรียนรู้ ROI ของการใช้สีเชิงกลยุทธ์ในการตลาด
อัปเดตแล้ว ธ.ค. 16, 2025
Tailwind CSS v4 การเปลี่ยนแปลงสี: สิ่งที่นักพัฒนาต้องรู้
ทำความเข้าใจการเปลี่ยนแปลงสีใน Tailwind CSS v4 รวมถึงการตั้งค่าแบบ CSS-first ภายในของ OKLCH utilities สีใหม่ และคู่มือการย้ายจาก v3
อัปเดตแล้ว ธ.ค. 15, 2025
ขั้นตอน Color Management: จากหน้าจอสู่งานพิมพ์
เชี่ยวชาญ color management ตั้งแต่การปรับเทียบจอภาพสู่การพิสูจน์งานพิมพ์ เรียนรู้วิธีที่ ICC profiles, soft proofing และขั้นตอนที่สม่ำเสมอรักษาความถูกต้องของสี
อัปเดตแล้ว ธ.ค. 14, 2025
Color Space CIELAB: วิธีที่มนุษย์มองเห็นสีจริงๆ
CIELAB (L*a*b*) คือ color space ที่ออกแบบตามการมองเห็นของมนุษย์ เรียนรู้วิธีทำงานของแกน L*, a*, b* ความหมาย Delta E และเหตุใด Lab จึงสำคัญในวิทยาศาสตร์สี
อัปเดตแล้ว ธ.ค. 13, 2025
Pink vs Magenta vs Rose: ทำความเข้าใจตระกูลสีชมพู
เปรียบเทียบ pink (#FFC0CB), magenta (#FF00FF) และ rose (#FF007F) ทำความเข้าใจตระกูลสีชมพู ความแตกต่างรหัส hex และการประยุกต์ในการออกแบบสำหรับแต่ละสี
อัปเดตแล้ว ธ.ค. 12, 2025
จิตวิทยาสีของ Fast Food: สีแดงและเหลืองอยู่ทุกที่
เหตุใด McDonald's, KFC และ Burger King จึงใช้สีแดงและเหลืองร่วมกัน ค้นพบวิทยาศาสตร์ของจิตวิทยาสี fast food และวิธีที่สีกระตุ้นความอยากอาหารและยอดขาย
อัปเดตแล้ว ธ.ค. 12, 2025
วิธีใช้ตัวจำลองการมองเห็นสีเพื่อการออกแบบที่เข้าถึงได้
เรียนรู้วิธีใช้ตัวจำลองการมองเห็นสีเพื่อออกแบบอินเทอร์เฟซที่เข้าถึงได้ ครอบคลุม deuteranopia, protanopia, tritanopia และแนวทางการออกแบบเชิงปฏิบัติพร้อมตัวอย่างจริง
อัปเดตแล้ว ธ.ค. 11, 2025
สีใน Design Systems ขนาดใหญ่: บทเรียนจาก Shopify, GitHub และ Atlassian
เรียนรู้รูปแบบสถาปัตยกรรมสีจาก Shopify Polaris, GitHub Primer และ Atlassian design tokens ค้นพบวิธีที่ design systems ขนาดใหญ่จัดการการตัดสินใจเรื่องสี
อัปเดตแล้ว ธ.ค. 10, 2025
การสร้างระบบสีสำหรับ Design System
สร้างสถาปัตยกรรมสีเชิงระบบสำหรับ design system ด้วยหลักเกณฑ์การตั้งชื่อ การสร้างเฉด semantic tokens และรูปแบบการนำไปใช้
อัปเดตแล้ว ธ.ค. 09, 2025
สีอุ่น vs สีเย็น: จิตวิทยาและกรณีการใช้งาน
สำรวจสีอุ่นและสีเย็นในการออกแบบและจิตวิทยา เรียนรู้รหัส hex ไหนเป็นสีอุ่นหรือเย็น และวิธีผสมอุณหภูมิสีเพื่อผลกระทบทางสายตา
อัปเดตแล้ว ธ.ค. 08, 2025
วิวัฒนาการของ Apple: จากสายรุ้งสู่ขาวดำ
สำรวจวิธีที่สีแบรนด์ Apple พัฒนาจากโลโก้สีรุ้งหกสีสู่ขาวดำมินิมัล และสิ่งที่พาเลตในแต่ละยุคสะท้อนถึงตัวตนของบริษัท
อัปเดตแล้ว ธ.ค. 07, 2025
การออกแบบ Color API: REST Endpoint สำหรับข้อมูลสี
ออกแบบ RESTful color API พร้อม endpoint สำหรับการแปลงสี การค้นหา การตรวจสอบคอนทราสต์ และการสร้างจานสี เรียนรู้การออกแบบ schema และแนวทางปฏิบัติที่ดีที่สุด
อัปเดตแล้ว ธ.ค. 06, 2025
สี Accent คืออะไร? การเลือกและการใช้
เรียนรู้ว่าสี accent คืออะไร วิธีที่ทำงานในกฎ 60-30-10 วิธีเลือก accent ที่มีประสิทธิภาพ และแนวทางปฏิบัติที่ดีสำหรับการใช้สี accent ใน UI design
อัปเดตแล้ว ธ.ค. 06, 2025
Figma Color Variables: คู่มือฉบับสมบูรณ์สำหรับ Design Systems
เชี่ยวชาญ Figma color variables สำหรับ design systems เรียนรู้การสร้าง จัดระเบียบ และซิงค์ color tokens ระหว่าง Figma และโค้ดเพื่อการตั้งธีมที่สม่ำเสมอ
อัปเดตแล้ว ธ.ค. 05, 2025
สีในการแสดงภาพข้อมูล: กราฟ แผนภูมิ และแผนที่
เชี่ยวชาญสีในการแสดงภาพข้อมูล เรียนรู้ scales แบบ sequential, diverging และ categorical ข้อผิดพลาดของการบกพร่องทางสี และแนวทางสำหรับกราฟที่เข้าถึงได้
อัปเดตแล้ว ธ.ค. 05, 2025
Gray vs Grey: การสะกด เฉด และรหัสสี
Gray หรือ Grey? เรียนรู้ความแตกต่างการสะกดแบบอเมริกันและอังกฤษ กฎสีที่มีชื่อใน CSS รหัส hex ของ gray 50 เฉด และการเลือกระหว่าง gray อุ่นและเย็น
อัปเดตแล้ว ธ.ค. 05, 2025
พาเลตสีเดียว (Monochromatic): ความเรียบง่ายที่งดงาม
เรียนรู้วิธีสร้างพาเลตสีเดียวโดยใช้ tints และ shades ตัวอย่างการออกแบบจริง รูปแบบ UI และคำแนะนำทีละขั้นตอนสำหรับผลลัพธ์ที่งดงาม
อัปเดตแล้ว ธ.ค. 03, 2025
สี่สีของ Google: ความหมายเบื้องหลังพาเลตสีหลัก
สำรวจเรื่องราวเบื้องหลังโลโก้สี่สีของ Google: การออกแบบของ Ruth Kedar เหตุใดจึงเลือกสีหลัก กฎการทำลายด้วยสีเขียว และวิธีที่ Material Design พัฒนาพาเลต
อัปเดตแล้ว ธ.ค. 02, 2025
Chroma คืออะไร? ความเข้มของสีที่เกินกว่า Saturation
ทำความเข้าใจ chroma ในวิทยาศาสตร์สี — วิธีที่มันแตกต่างจาก saturation บทบาทใน OKLCH และ LCH color spaces และเหตุใดจึงสำคัญสำหรับพาเลตที่สม่ำเสมอในการรับรู้
อัปเดตแล้ว ธ.ค. 01, 2025
Tailwind Shade Generator: สร้างสเกลสีกำหนดเองได้ง่าย
สร้างสเกลสี Tailwind CSS กำหนดเองจากรหัส hex ใดๆ ก็ได้ เรียนรู้วิธีการทำงานของระบบเฉด 50-950 วิธีตั้งค่า tailwind.config.js และสร้างสเกล dark mode
อัปเดตแล้ว ธ.ค. 01, 2025
10 พาเลตสีสำหรับการออกแบบเว็บสไตล์มินิมัล
10 พาเลตสีที่คัดสรรสำหรับการออกแบบเว็บสไตล์มินิมัลพร้อมรหัส hex ฉบับสมบูรณ์ โทนเดี่ยว สีดิน Nordic มินิมัลแบบญี่ปุ่น และอีกมากพร้อมคำแนะนำการใช้งาน
อัปเดตแล้ว พ.ย. 30, 2025
เทคนิคสี SVG: Fill, Stroke และ Gradients
เชี่ยวชาญเทคนิคสี SVG: คุณสมบัติ fill และ stroke, linear และ radial gradients, คีย์เวิร์ด currentColor และการจัดรูปแบบ SVG ด้วย CSS สำหรับการพัฒนาเว็บสมัยใหม่
อัปเดตแล้ว พ.ย. 29, 2025
อุณหภูมิสีในงานออกแบบ: จากโทนอุ่นสู่โทนเย็น
ทำความเข้าใจอุณหภูมิสีในงานออกแบบ — โทนแดงและส้มที่อบอุ่น กับโทนน้ำเงินและเขียวที่เย็น — และวิธีใช้แต่ละโทนเพื่อสร้างการตอบสนองทางอารมณ์ที่เหมาะสม
อัปเดตแล้ว พ.ย. 28, 2025
Charcoal vs Graphite vs Slate: เปรียบเทียบสีเทาเข้ม
เปรียบเทียบ charcoal (#36454F), graphite (#383838) และ slate (#708090) เรียนรู้ความแตกต่างระหว่างสีเทาเข้มยอดนิยมเหล่านี้สำหรับการออกแบบเว็บและ UI
อัปเดตแล้ว พ.ย. 27, 2025
Spotify Green: สีแห่งการสตรีมเพลง
ค้นพบเรื่องราวของ Spotify Green (#1DB954) — จากเวอร์ชันแรกสู่บทบาทในการออกแบบ dark mode และเหตุใดจึงกลายเป็นสีกำหนดของการสตรีมเพลงดิจิทัล
อัปเดตแล้ว พ.ย. 27, 2025
วิธีดึงพาเลตสีจากรูปภาพ
เรียนรู้วิธีดึงพาเลตสีจากรูปภาพโดยใช้อัลกอริทึม quantization เครื่องมือออนไลน์ และวิธีการแบบโปรแกรม สร้างพาเลตจากภาพถ่าย
อัปเดตแล้ว พ.ย. 26, 2025
เทรนด์การออกแบบ Gradient: จาก Flat สู่ Dimensional
สำรวจเทรนด์การออกแบบ gradient จาก flat design สู่ mesh gradients และ glassmorphism เทคนิค CSS ทฤษฎีสี และเครื่องมือสำหรับงาน gradient สมัยใหม่
อัปเดตแล้ว พ.ย. 25, 2025
กฎ 60-30-10: สัดส่วนสีในการออกแบบ
เชี่ยวชาญกฎสี 60-30-10 สำหรับการออกแบบ เรียนรู้วิธีที่สีหลัก รอง และ accent ทำงานร่วมกัน พร้อมตัวอย่างจริง รหัส hex และเคล็ดลับการทำลายกฎอย่างมีประสิทธิภาพ
อัปเดตแล้ว พ.ย. 24, 2025
สีหลัก รอง และตติยภูมิ อธิบาย
ค้นพบสีหลัก รอง และตติยภูมิคืออะไร วิธีผสมสีเหล่านั้น และวิธีที่โมเดล RYB และ RGB แตกต่างกันพร้อมตัวอย่างรหัส hex จริง
อัปเดตแล้ว พ.ย. 23, 2025
สีสโมสรฟุตบอล Premier League: ประวัติศาสตร์และอัตลักษณ์แบรนด์
สำรวจสีสโมสรใน Premier League ตั้งแต่แดงของ Liverpool สู่ฟ้าของ Chelsea เรียนรู้ว่าเหตุใดสีเหล่านี้จึงคงอยู่ จิตวิทยาชุดแข่ง และธุรกิจอัตลักษณ์สีฟุตบอล
อัปเดตแล้ว พ.ย. 22, 2025
Taupe คือสีอะไร? สีนิวทรัลที่ซับซ้อน
Taupe คือสีเทา-น้ำตาลอุ่นด้วยรหัส hex #483C32 เรียนรู้วิธีที่มันแตกต่างจาก greige และ beige ต้นกำเนิดจากภาษาฝรั่งเศส และวิธีใช้ในการตกแต่งภายในและแฟชั่น
อัปเดตแล้ว พ.ย. 21, 2025
Color Separation อธิบาย: เตรียมไฟล์สำหรับงานพิมพ์
ทำความเข้าใจ CMYK color separation แผ่นสี spot color การ trapping และเครื่องหมายลงทะเบียน เตรียมไฟล์พร้อมพิมพ์ด้วยการแยกสีที่ถูกต้อง
อัปเดตแล้ว พ.ย. 21, 2025
คู่มือแปลงรหัสสี: HEX เป็น RGB เป็น HSL และอื่นๆ
เชี่ยวชาญการแปลงรูปแบบสี: HEX, RGB, HSL, CMYK และ OKLCH เรียนรู้ว่าควรใช้รูปแบบไหนเมื่อไหร่ และวิธีแปลงทันทีด้วยเครื่องมือแปลงสีของ ColorFYI
อัปเดตแล้ว พ.ย. 21, 2025
สี Dark Mode: แนวทางปฏิบัติที่ดีจาก Light สู่ Dark
เรียนรู้แนวทางปฏิบัติสีใน dark mode: ลดความสว่างแทนการกลับสี ลำดับชั้นของ surface ข้อความที่อ่านง่าย และเครื่องมือทดสอบโหมด light และ dark พร้อมกัน
อัปเดตแล้ว พ.ย. 20, 2025
HSL vs HSV: ควรใช้โมเดลสีไหน?
ทำความเข้าใจความแตกต่างระหว่างโมเดลสี HSL และ HSV เมื่อใดที่แต่ละแบบเหมาะสมสำหรับการพัฒนาเว็บ color pickers และการเปรียบเทียบกับ CSS color functions
อัปเดตแล้ว พ.ย. 19, 2025
ทำความเข้าใจวงล้อสี: คู่มือฉบับสมบูรณ์
เรียนรู้เกี่ยวกับสีหลัก รอง และตติยภูมิ ทำความเข้าใจความสัมพันธ์สีตรงข้าม กลมกลืน และสามเหลี่ยม เพื่อการออกแบบที่ดีขึ้น
อัปเดตแล้ว พ.ย. 18, 2025
ดำเป็นสีหรือไม่? คำตอบทางวิทยาศาสตร์และการออกแบบ
ดำเป็นสีหรือไม่? ฟิสิกส์บอกว่าไม่ — มันคือการขาดแสง ศิลปะบอกว่าใช่ — มันคือสีย้อม การออกแบบบอกว่าแน่นอน นี่คือการวิเคราะห์ฉบับสมบูรณ์
อัปเดตแล้ว พ.ย. 17, 2025
สีแบรนด์ Polkadot: สีชมพูจัดในทะเลสีฟ้า
เรียนรู้ว่าเหตุใด Polkadot จึงเลือกสีชมพูจัด (#E6007A) เพื่อโดดเด่นในภูมิทัศน์ cryptocurrency ที่ครองด้วยสีฟ้า และสะท้อนวิสัยทัศน์ multi-chain อย่างไร
อัปเดตแล้ว พ.ย. 17, 2025
วิธีสร้างพาเลตสีสมบูรณ์จากสีเดียว
เรียนรู้วิธีสร้างพาเลตสีที่กลมกลืนและสมบูรณ์จากสีเริ่มต้นเพียงสีเดียว ครอบคลุม complementary, analogous, triadic และการสร้างเฉดพร้อมตัวอย่าง hex
อัปเดตแล้ว พ.ย. 16, 2025
ความแตกต่างระหว่างสีไวโอเล็ตและสีม่วง
ไวโอเล็ตเป็นสีในสเปกตรัม (~380-450nm) ส่วนม่วงเป็นการผสมสีแดงและน้ำเงินที่ไม่อยู่ในสเปกตรัม เรียนรู้โค้ด hex นิยาม CSS และวิธีแยกแยะทั้งสอง
อัปเดตแล้ว พ.ย. 16, 2025
Pantone สีแห่งปี 2025: Mocha Mousse — ความหรูหราอบอุ่นในโทนน้ำตาล
Mocha Mousse (PANTONE 17-1230) คือสีแห่งปี 2025 — น้ำตาลอบอุ่นเข้มข้น สำรวจรหัส hex #A47864 การประยุกต์ด้านการออกแบบ พาเลตเสริม และความสำคัญทางวัฒนธรรม
อัปเดตแล้ว พ.ย. 15, 2025
ระบบสีเชิงความหมาย: ตั้งชื่อสีตามวัตถุประสงค์ ไม่ใช่เฉดสี
สร้างระบบสีเชิงความหมายที่ตั้งชื่อสีตามวัตถุประสงค์ (success, warning, error) แทนเฉดสี เรียนรู้สถาปัตยกรรม token และการนำไปใช้ใน CSS และ Tailwind
อัปเดตแล้ว พ.ย. 14, 2025
RGB vs CMYK: ควรใช้โมเดลสีไหน?
เรียนรู้ความแตกต่างหลักระหว่างโมเดลสี RGB และ CMYK เมื่อใดควรใช้แต่ละแบบสำหรับการออกแบบหน้าจอและงานพิมพ์ และวิธีแปลงอย่างถูกต้องระหว่างทั้งสอง
อัปเดตแล้ว พ.ย. 13, 2025
สีแบรนด์ Stripe: เหตุใดสีม่วงจึงหมายถึงการชำระเงิน
ค้นพบเรื่องราวสีแบรนด์ Stripe จากฟ้าสู่ม่วง (#635BFF) เรียนรู้วิธีที่การออกแบบ gradient และการสร้างแบรนด์ที่มุ่งเน้นนักพัฒนากำหนดพาเลตที่โดดเด่นที่สุดใน fintech
อัปเดตแล้ว พ.ย. 12, 2025
ระบบสี Tailwind CSS: วิธีสร้างเฉด
เจาะลึกระบบสี Tailwind CSS: 22 ตระกูลสี 11 ขั้นเฉดตั้งแต่ 50-950 อัลกอริทึมการสร้าง การปรับแต่ง และการเปลี่ยนแปลง CSS variable ใน v4
อัปเดตแล้ว พ.ย. 11, 2025
ความกลมกลืนของสีคืออะไร? กฎสำหรับพาเลตที่น่าพึงพอใจ
เรียนรู้ความหมายของความกลมกลืนของสี — complementary, analogous, triadic และ tetradic schemes ทำความเข้าใจกฎเบื้องหลังการผสมสีที่ดึงดูดสายตา
อัปเดตแล้ว พ.ย. 11, 2025
CSS Relative Color Syntax: แปลงสีแบบไดนามิก
เชี่ยวชาญ CSS relative color syntax เพื่อแปลงสีแบบไดนามิก ปรับ hue, saturation, lightness และ alpha channel โดยตรงใน stylesheets ของคุณ
อัปเดตแล้ว พ.ย. 10, 2025
ทำความเข้าใจ OKLCH: อนาคตของสี CSS
OKLCH คือรูปแบบสี CSS สมัยใหม่ที่มีความสม่ำเสมอในการรับรู้และรองรับ wide gamut เรียนรู้วิธีการทำงาน เหตุใดจึงดีกว่า HSL และวิธีใช้ได้ในวันนี้
อัปเดตแล้ว พ.ย. 09, 2025
สีแบรนด์ Notion: มินิมัลในขาวดำ
ทำความเข้าใจกลยุทธ์แบรนด์โทนเดี่ยวของ Notion สีเบจอุ่นที่เป็นเอกลักษณ์ และวิธีที่การเลือกสีที่เรียบง่ายสื่อถึงผลิตภาพและความอิสระในการสร้างสรรค์
อัปเดตแล้ว พ.ย. 08, 2025
Teal คือสีอะไร? คู่มือฉบับสมบูรณ์
Teal คือสีฟ้า-เขียวด้วยรหัส hex #008080 ค้นพบวิธีที่มันแตกต่างจาก turquoise, cyan และ aqua พร้อมการประยุกต์ด้านการออกแบบสำหรับเว็บ แฟชั่น และการตกแต่งภายใน
อัปเดตแล้ว พ.ย. 07, 2025
การออกแบบสำหรับ High Contrast Mode: Windows, macOS และเว็บ
ออกแบบสำหรับ high contrast mode บน Windows, macOS และเว็บ เรียนรู้ CSS แบบ forced-colors, system color keywords, กลยุทธ์การทดสอบ และข้อผิดพลาดที่ควรหลีกเลี่ยง
อัปเดตแล้ว พ.ย. 06, 2025
สีในการออกแบบฟอร์ม: การตรวจสอบ โฟกัส และสถานะข้อผิดพลาด
เชี่ยวชาญการใช้สีในการออกแบบฟอร์มสำหรับสถานะการตรวจสอบ ตัวบ่งชี้โฟกัส และการจัดการข้อผิดพลาด สร้างฟอร์มที่เข้าถึงได้และสัญชาตญาณด้วยการเลือกสีเชิงกลยุทธ์
อัปเดตแล้ว พ.ย. 06, 2025
สีแบรนด์ Chainlink: Oracle Blue และรูปหกเหลี่ยม
สำรวจสีฟ้าโดดเด่น (#375BD2) ของ Chainlink และสัญลักษณ์ของโลโก้หกเหลี่ยม เรียนรู้วิธีที่การสร้างแบรนด์ oracle network สร้างความไว้วางใจในโครงสร้างพื้นฐาน DeFi
อัปเดตแล้ว พ.ย. 06, 2025
โทนสีที่กลมกลืน (Analogous): สร้างความสามัคคีทางสายตา
เรียนรู้วิธีที่โทนสีที่กลมกลืนใช้สีเฉดที่อยู่ใกล้กันเพื่อสร้างความสามัคคีตามธรรมชาติ พร้อมเคล็ดลับการเลือกพาเลต ตัวอย่างการออกแบบจริง และรหัส hex
อัปเดตแล้ว พ.ย. 05, 2025
Bitcoin Orange: เรื่องราวเบื้องหลัง #F7931A
เรื่องราวสมบูรณ์ของสีส้ม Bitcoin #F7931A — ใครเป็นผู้ออกแบบ ทำไมถึงเลือกสีส้ม และเหตุใด hex code นี้จึงกลายเป็นสัญลักษณ์ของการเงินแบบกระจายอำนาจ
อัปเดตแล้ว พ.ย. 04, 2025
Luminance คืออะไร? ความสว่างในวิทยาศาสตร์สี
ทำความเข้าใจ luminance ในวิทยาศาสตร์สี — relative luminance สำหรับ WCAG, luminance vs brightness และวิธีที่ luminance ขับเคลื่อนการตัดสินใจด้านการเข้าถึง
อัปเดตแล้ว พ.ย. 03, 2025
คู่มือ Radix UI Colors: สเกลสีที่สม่ำเสมอตามการรับรู้
คู่มือครบถ้วนสำหรับ Radix UI Colors: สเกล 12 ขั้นที่สม่ำเสมอตามการรับรู้ โหมดมืดอัตโนมัติ การเข้าถึงแบบบิลต์อิน และการรวมกับ Tailwind และ CSS framework
อัปเดตแล้ว พ.ย. 02, 2025
สีแบรนด์ Cryptocurrency: คู่มือฉบับสมบูรณ์
สำรวจสีแบรนด์ของ Bitcoin, Ethereum, Solana, BNB และ cryptocurrency อื่นๆ กว่า 20 สกุล เรียนรู้รหัส hex การเลือกออกแบบ และรูปแบบสีทั่วทั้งอุตสาหกรรม crypto
อัปเดตแล้ว พ.ย. 01, 2025
การสร้างชุดสีด้วย AI: Machine Learning เลือกสีอย่างไร
สำรวจวิธีที่ AI สร้างชุดสีโดยใช้ machine learning เปรียบเทียบเครื่องมือสี AI ยอดนิยม เรียนรู้ prompt engineering สำหรับสี และเข้าใจข้อจำกัด
อัปเดตแล้ว ต.ค. 30, 2025
ทำความเข้าใจรหัสสี Hex: คู่มือฉบับสมบูรณ์
เชี่ยวชาญรหัสสี hex ตั้งแต่พื้นฐาน เรียนรู้ความหมายของ #RRGGBB วิธีอ่านค่า hex ใดๆ ก็ตาม ชวเลขสัญลักษณ์ ความโปร่งใส alpha และวิธีแปลงระหว่างรูปแบบต่างๆ
อัปเดตแล้ว ต.ค. 29, 2025
สีแบรนด์ Fintech: สร้างความไว้วางใจผ่านสีน้ำเงิน
ทำไมบริษัท fintech ถึงเลือกสีน้ำเงิน: #635BFF ของ Stripe, #003087 ของ PayPal, ข้อยกเว้นสีเขียวของ Robinhood และจิตวิทยาสีในการออกแบบบริการทางการเงิน
อัปเดตแล้ว ต.ค. 28, 2025
อนาคตของสีเว็บ: HDR, Spectral และอื่นๆ
สำรวจอนาคตของสีเว็บ — จอแสดงผล HDR, การเรนเดอร์แบบ spectral, CSS Color Level 5, การนำ wide gamut มาใช้ และสิ่งที่นักออกแบบควรเตรียมพร้อม
อัปเดตแล้ว ต.ค. 27, 2025
สีในงานศิลปะ Generative: อัลกอริทึมสำหรับพาเลตสวยงาม
สร้างสีสวยงามในงานศิลปะ generative ด้วยเกลียว HSL พาเลตจาก noise การสุ่มตัวอย่างอัตราส่วนทอง และอัลกอริทึมสีใน p5.js สำหรับสุนทรียศาสตร์แบบขั้นตอน
อัปเดตแล้ว ต.ค. 26, 2025
สีแบรนด์ Nike: Just Do It ในขาวและดำ
สำรวจแบรนด์ขาวดำอันเป็นสัญลักษณ์ของ Nike สีเน้น Volt นีออน การใช้รหัสสีสำหรับสายผลิตภัณฑ์ และจานสีย่อยแบรนด์ตั้งแต่ Jordan ถึง Air Max
อัปเดตแล้ว ต.ค. 25, 2025
Auburn คือสีอะไร? ผม การออกแบบ และรหัส Hex
Auburn คือสีแดง-น้ำตาลเข้มด้วยรหัส hex #A52A2A เรียนรู้วิธีเปรียบเทียบกับ chestnut, mahogany และ copper พร้อมการประยุกต์ด้านการออกแบบและสีผม
อัปเดตแล้ว ต.ค. 24, 2025
สีเว็บไซต์ที่ได้รับความนิยมสูงสุดในปี 2026: การวิเคราะห์ข้อมูล
การวิเคราะห์สีเว็บไซต์ที่พบบ่อยที่สุดในปี 2026: การครองของสีฟ้าในเทค พื้นหลัง dark mode การเปลี่ยนแปลงสีข้อความ และรูปแบบสีเฉพาะอุตสาหกรรม
อัปเดตแล้ว ต.ค. 23, 2025
การกำหนดธีมสีแบบไดนามิกใน React: เกินกว่า CSS Variables
ใช้การกำหนดธีมสีแบบไดนามิกใน React ด้วย CSS variables, context providers และ Tailwind CSS สร้างธีมที่ผู้ใช้ปรับแต่งได้ด้วยการสร้างสีแบบ runtime
อัปเดตแล้ว ต.ค. 23, 2025
Tiffany Blue: วิธีที่สีหนึ่งกลายเป็นไอคอนที่มีเครื่องหมายการค้า
ค้นพบประวัติของ Tiffany Blue การกำหนด Pantone 1837 การคุ้มครองเครื่องหมายการค้า และวิธีที่สีเดียวกลายเป็นสัญลักษณ์ความหรูหราที่โด่งดังที่สุดในโลก
อัปเดตแล้ว ต.ค. 22, 2025
Mauve คือสีอะไร? ประวัติศาสตร์และการใช้งานสมัยใหม่
Mauve คือสีม่วง-ชมพูอ่อนด้วยรหัส hex #E0B0FF ค้นพบต้นกำเนิดยุควิกตอเรียในฐานะสีสังเคราะห์แรกและวิธีใช้ในการออกแบบสมัยใหม่
อัปเดตแล้ว ต.ค. 21, 2025
ลำดับชั้นสีใน UI Design: นำสายตาผู้ใช้
สร้างลำดับชั้นสีที่มีประสิทธิภาพใน UI design เรียนรู้น้ำหนักทางสายตา สีของ action หลักและรอง การจัดชั้นพื้นหลัง และเทคนิคจุดโฟกัส
อัปเดตแล้ว ต.ค. 20, 2025
อธิบาย Pantone Matching System: คู่มือสำหรับนักออกแบบ
เรียนรู้วิธีการทำงานของ Pantone Matching System ความแตกต่างระหว่างหนังสือเคลือบและไม่เคลือบ สีแบบ spot เทียบกับกระบวนการ และข้อจำกัดของการแปลง Pantone เป็น hex
อัปเดตแล้ว ต.ค. 19, 2025
วิวัฒนาการของ Ethereum: จาก Frontier สู่สีม่วง
สำรวจวิวัฒนาการอัตลักษณ์ภาพของ Ethereum: ต้นกำเนิดโลโก้ เหตุใดโทนม่วง-ฟ้าจึงกำหนด ETH และสีแบรนด์ #627EEA #3C3C3D ของเครือข่ายอันดับสองใน crypto
อัปเดตแล้ว ต.ค. 19, 2025
การเข้าถึงที่มากกว่าค่าคอนทราสต์: สีในการออกแบบที่ครอบคลุมทุกคน
การเข้าถึงด้านสีไม่ได้จำกัดแค่คอนทราสต์ เรียนรู้หลักการ WCAG หลีกเลี่ยงสีอย่างเดียว ตัวบ่งชี้โฟกัส สถานะข้อผิดพลาด และรูปแบบที่เหมาะสำหรับผู้บกพร่องทางสี
อัปเดตแล้ว ต.ค. 17, 2025
สี Brand Discord: Blurple และสุนทรียศาสตร์เกมมิ่ง
สำรวจ Blurple อันเป็นเอกลักษณ์ของ Discord (#5865F2) การโต้เถียงการ rebrand ปี 2021 และวิธีที่วัฒนธรรมเกมมิ่งกำหนดหนึ่งในเอกลักษณ์สีที่โดดเด่นที่สุดในวงการเทคโนโลยี
อัปเดตแล้ว ต.ค. 16, 2025
Navy Blue vs Dark Blue: ต่างกันอย่างไร?
Navy blue (#000080) คือสีน้ำเงินเข้มที่เฉพาะเจาะจงและเป็นมาตรฐาน เรียนรู้ความแตกต่างจาก dark blue ต้นกำเนิดจาก Royal Navy รหัส hex และการใช้ในการออกแบบ
อัปเดตแล้ว ต.ค. 15, 2025
สีการพิมพ์สกรีน: คู่มือสำหรับนักออกแบบ
เชี่ยวชาญเทคนิคสีการพิมพ์สกรีน รวมถึง color separation, halftone screens, หมึก spot color และการเตรียมการออกแบบสำหรับวัสดุที่พิมพ์สกรีน
อัปเดตแล้ว ต.ค. 14, 2025
สีแบรนด์ IKEA: สีฟ้าและเหลืองแบบสวีเดน
ค้นพบวิธีที่สีฟ้า (#003399) และเหลือง (#FFDA1A) ของ IKEA เชื่อมโยงกับมรดกสวีเดน สร้างความไว้วางใจ และสร้างประสบการณ์การค้าปลีกที่โดดเด่น
อัปเดตแล้ว ต.ค. 14, 2025
Sage คือสีอะไร? สีเขียวที่กำลังเป็นเทรนด์
Sage คือสีเขียว-เทามืดด้วยรหัส hex #B2AC88 เรียนรู้วิธีที่มันแตกต่างจาก olive และ mint เหตุใดจึงเป็นเทรนด์ในการตกแต่งภายในและแฟชั่น พร้อมรหัส hex ของ sage
อัปเดตแล้ว ต.ค. 13, 2025
Color Interpolation ใน CSS: เหตุใด OKLCH จึงชนะ
CSS color interpolation กำหนดวิธีที่ gradients และ color-mix() ผสมสี เรียนรู้ว่าเหตุใด OKLCH จึงให้ผลลัพธ์สดใสและสม่ำเสมอกว่า RGB และ HSL
อัปเดตแล้ว ต.ค. 12, 2025
Coca-Cola Red: สีแบรนด์ที่เป็นที่รู้จักที่สุดในโลก
เรื่องราวของ Coca-Cola Red (#F40009): เหตุใดจึงเลือกสีแดง วิวัฒนาการของเฉด และเหตุใดจึงกลายเป็นสีแบรนด์ที่เป็นที่รู้จักมากที่สุดในโลก พร้อมรหัส hex
อัปเดตแล้ว ต.ค. 11, 2025
สีนิวทรัลคืออะไร? เทา เบจ และอื่นๆ
ทำความเข้าใจสีนิวทรัล — เทาบริสุทธิ์ เบจอุ่น slate เย็น เรียนรู้วิธีที่พาเลตนิวทรัลทำงานในการออกแบบเว็บ พื้นหลัง และการจับคู่กับสี accent
อัปเดตแล้ว ต.ค. 10, 2025
UPS Brown: สีแบรนด์ที่ไม่ธรรมดา
ค้นพบว่าเหตุใด UPS จึงเลือกสีน้ำตาล ต้นกำเนิดจากรถไฟ Pullman brown #644117 บอกอะไรเกี่ยวกับความน่าเชื่อถือ และแคมเปญ What can brown do for you?
อัปเดตแล้ว ต.ค. 09, 2025
อุณหภูมิสีคืออะไร? อธิบายสเกล Kelvin
ทำความเข้าใจอุณหภูมิสีและสเกล Kelvin เรียนรู้วิธีที่แสงอุ่นและเย็นส่งผลต่อการออกแบบ white balance การถ่ายภาพ และการเลือกสีดิจิทัล
อัปเดตแล้ว ต.ค. 08, 2025
รายการตรวจสอบการเข้าถึงสำหรับนักพัฒนาเว็บ
รายการตรวจสอบการเข้าถึงสีสำหรับนักพัฒนาเว็บ ครอบคลุมค่าคอนทราสต์ WCAG การพึ่งพาสีเพียงอย่างเดียว ตัวบ่งชี้โฟกัส เครื่องมือทดสอบ และการตรวจสอบอัตโนมัติ
อัปเดตแล้ว ต.ค. 07, 2025
สีทีม NBA: ธุรกิจแห่งการสร้างแบรนด์บาสเกตบอล
วิเคราะห์กลยุทธ์สีทีม NBA จากม่วง Lakers ถึงแดง Bulls สำรวจการทดลอง City Edition แนวโน้มสี และวิธีที่สีขับเคลื่อนยอดขายสินค้า
อัปเดตแล้ว ต.ค. 06, 2025
Beige vs Cream: อะไรคือความแตกต่าง?
เปรียบเทียบสี beige (#F5F5DC) และ cream (#FFFDD0) เรียนรู้ความแตกต่างรหัส hex ลักษณะทางสายตา และเมื่อใดควรใช้แต่ละสีในการออกแบบภายในและเว็บ
อัปเดตแล้ว ต.ค. 05, 2025
Gold vs Yellow: เหตุใดทองดูดูพรีเมียมกว่า
ทำความเข้าใจว่าเหตุใดทอง (#FFD700) ดูพรีเมียมขณะที่เหลือง (#FFFF00) ดูสดใส เรียนรู้วิธีสร้างเอฟเฟกต์ทองใน CSS และเมื่อใดควรใช้แต่ละสีในการสร้างแบรนด์
อัปเดตแล้ว ต.ค. 03, 2025
การจัดการสีด้วย JavaScript: Libraries และเทคนิค
เชี่ยวชาญการจัดการสีด้วย JavaScript โดยใช้ chroma.js, culori และ tinycolor2 แยกวิเคราะห์ แปลง และสร้างสีแบบโปรแกรมสำหรับเว็บแอปพลิเคชัน
อัปเดตแล้ว ต.ค. 02, 2025
เรื่องราวของ Facebook Blue: การเลือกสีของ Zuckerberg
ค้นพบว่าเหตุใด Facebook จึงเลือกสีฟ้าเป็นสีหลัก รหัส hex (#1877F2) และวิธีที่ภาวะบกพร่องทางสีของ Mark Zuckerberg กำหนดหนึ่งในแบรนด์ที่รู้จักกันดีที่สุดในโลก
อัปเดตแล้ว ต.ค. 01, 2025
Vermilion คือสีอะไร? สีแดง-ส้มโบราณ
Vermilion คือสีแดง-ส้มสดใสด้วยรหัส hex #E34234 ผลิตจากซินนาบาร์ในอดีต เรียนรู้ประวัติศาสตร์ การใช้งานสมัยใหม่ และการเปรียบเทียบสี
อัปเดตแล้ว ก.ย. 30, 2025
สีใน Web Animation: GSAP, Framer Motion และ CSS
เชี่ยวชาญ color animation ใน CSS transitions, GSAP และ Framer Motion เรียนรู้การ interpolation ใน OKLCH เทคนิค keyframe และการเพิ่มประสิทธิภาพ
อัปเดตแล้ว ก.ย. 29, 2025
Pantone สีแห่งปี: ประวัติศาสตร์และผลกระทบ
ประวัติศาสตร์ฉบับสมบูรณ์ของ Pantone สีแห่งปีตั้งแต่ปี 2000 ถึง 2026 เรียนรู้วิธีการคัดเลือกสี รหัส hex และวิธีที่สีเหล่านี้กำหนดเทรนด์การออกแบบ แฟชั่น และสินค้า
อัปเดตแล้ว ก.ย. 28, 2025
Burgundy คือสีอะไร? รหัส Hex และการวิเคราะห์สี
Burgundy คือสีแดง-ม่วงเข้มด้วยรหัส hex #800020 เรียนรู้วิธีที่มันแตกต่างจาก maroon, wine และ crimson พร้อมการประยุกต์ด้านการออกแบบและแฟชั่น
อัปเดตแล้ว ก.ย. 28, 2025
Spot Colors vs Process Colors: คู่มือสีงานพิมพ์
ทำความเข้าใจความแตกต่างระหว่าง spot colors และ CMYK process colors เมื่อใดควรใช้แต่ละแบบ ผลกระทบต่อต้นทุนการพิมพ์ และวิธีเตรียมไฟล์อย่างถูกต้องสำหรับแต่ละวิธี
อัปเดตแล้ว ก.ย. 27, 2025
สีแบรนด์ Dogecoin: ทอง Meme และสีของชุมชน
สำรวจ Shiba Inu gold (#C2A633) ของ Dogecoin ต้นกำเนิดสีจากวัฒนธรรม meme การสร้างแบรนด์ด้วย Comic Sans และวิธีที่ศิลปะชุมชนกำหนดแบรนด์ crypto ที่สนุกที่สุด
อัปเดตแล้ว ก.ย. 26, 2025
Coral คือสีอะไร? รหัส Hex และการวิเคราะห์สี
Coral คือสีชมพู-ส้มอุ่นที่ #FF7F50 เรียนรู้วิธีที่มันแตกต่างจาก salmon และ peach เหตุใด Pantone จึงตั้งชื่อมันเป็นสีแห่งปี 2019 และวิธีใช้ในการออกแบบ
อัปเดตแล้ว ก.ย. 25, 2025
อัลกอริทึมคอนทราสต์สี: WCAG 2 vs APCA
เข้าใจวิธีที่ WCAG 2 relative luminance และ APCA คำนวณคอนทราสต์ เปรียบเทียบผลลัพธ์และเรียนรู้ว่าควรใช้แบบไหนเพื่อการออกแบบที่เข้าถึงได้
อัปเดตแล้ว ก.ย. 25, 2025
สีเทค Startup: สีแบรนด์ของคุณบอกอะไรเกี่ยวกับคุณ
จาก indigo ของ Stripe สู่ green ของ Robinhood ค้นพบสิ่งที่สีแบรนด์ tech startup เผยเกี่ยวกับค่านิยม ตำแหน่ง และจิตวิทยาเบื้องหลังแต่ละการเลือก
อัปเดตแล้ว ก.ย. 23, 2025
การบกพร่องทางสีคืออะไร? ประเภท สาเหตุ และผลกระทบต่อการออกแบบ
ทำความเข้าใจประเภทการบกพร่องทางสี (deuteranopia, protanopia, tritanopia) สาเหตุ สถิติความชุก และวิธีออกแบบอินเทอร์เฟซที่ครอบคลุมสำหรับผู้บกพร่องทางสี
อัปเดตแล้ว ก.ย. 23, 2025
สีแบรนด์ Cardano: สีฟ้าเชิงวิชาการพบกับ Blockchain
ค้นพบเอกลักษณ์สีฟ้าเชิงวิชาการของ Cardano ความเชื่อมโยงกับการพัฒนา blockchain ที่ขับเคลื่อนด้วยการวิจัย และรหัส hex ที่ใช้ทั่วทั้งระบบนิเวศ
อัปเดตแล้ว ก.ย. 21, 2025
Chartreuse คือสีอะไร? สีที่สร้างความสับสนมากที่สุด
Chartreuse สร้างความสับสนให้ทุกคน CSS กำหนดว่าเป็น #7FFF00 — สีเหลือง-เขียว — แต่หลายคนยืนว่าเป็นแดงหรือชมพู นี่คือวิทยาศาสตร์ ประวัติ และการวิเคราะห์การออกแบบ
อัปเดตแล้ว ก.ย. 20, 2025
ระบบสี SwiftUI: สร้างพาเลตสีแบบปรับตัว
สร้างพาเลตสีแบบปรับตัวใน SwiftUI เรียนรู้ Color vs UIColor, สีใน asset catalog, สี dark mode แบบไดนามิก และรูปแบบสีสำหรับการเข้าถึง
อัปเดตแล้ว ก.ย. 19, 2025
สีแบรนด์ XRP/Ripple: สีฟ้าแห่งการชำระเงินข้ามพรมแดน
ติดตามวิวัฒนาการสีแบรนด์ XRP และ Ripple จากฟ้าสู่ดำ เรียนรู้วิธีที่การสร้างแบรนด์ enterprise blockchain สื่อถึงความน่าเชื่อถือของเครือข่ายการชำระเงิน
อัปเดตแล้ว ก.ย. 18, 2025
Netflix Red: วิธีที่สีขับเคลื่อนการ Binge-Watching
สำรวจจิตวิทยาเบื้องหลัง Netflix Red (#E50914) วิธีที่ UI มืดขยายความเร่งด่วน และเหตุใดตัวเลือกสีนี้จึงแยกไม่ออกจากประสบการณ์ binge-watching
อัปเดตแล้ว ก.ย. 16, 2025
Color Space คืออะไร? sRGB, Adobe RGB และอื่นๆ
ทำความเข้าใจ color spaces จาก sRGB สู่ Adobe RGB สู่ ProPhoto RGB เรียนรู้วิธีการทำงาน เมื่อใดควรใช้แต่ละแบบ และวิธีเลือกสำหรับเว็บและงานพิมพ์
อัปเดตแล้ว ก.ย. 15, 2025
พาเลตสีโซเชียลมีเดีย: เหตุใดสีฟ้าจึงครองตลาด
สำรวจพาเลตสีของ Facebook, Twitter/X, LinkedIn, Instagram และ TikTok และเข้าใจเหตุผลทางจิตวิทยาและกลยุทธ์เชิงลึกที่ทำให้สีฟ้าครองการออกแบบโซเชียลมีเดีย
อัปเดตแล้ว ก.ย. 14, 2025
Color Depth คืออะไร? 8-bit, 10-bit และ HDR อธิบาย
เรียนรู้เกี่ยวกับ color depth — bits ต่อช่อง, สี 8-bit vs 10-bit, จอแสดงผล HDR และวิธีที่ color depth ส่งผลต่อการเกิดแถบสี gradients และคุณภาพภาพ
อัปเดตแล้ว ก.ย. 13, 2025
Design Tokens สำหรับสี: จาก Figma สู่โค้ด
ใช้งาน color design tokens จาก Figma ไปยังโค้ด production ด้วย Style Dictionary เรียนรู้การตั้งชื่อ token การแปลง และ output หลายแพลตฟอร์ม
อัปเดตแล้ว ก.ย. 12, 2025
สีของโปรโตคอล DeFi: Uniswap, Aave, Compound และอื่นๆ
วิเคราะห์สี brand ของโปรโตคอล DeFi ตั้งแต่สีชมพูของ Uniswap ถึงสีม่วงของ Aave ถึงสีเขียวของ Compound ทำความเข้าใจการสร้างความแตกต่างด้วยสีในโลก decentralized finance
อัปเดตแล้ว ก.ย. 11, 2025
Delta E คืออะไร? การวัดความแตกต่างของสี
เรียนรู้เกี่ยวกับ Delta E (ΔE) — มาตรวัดมาตรฐานสำหรับการวัดความแตกต่างของสี เปรียบเทียบสูตร CIE76 vs CIE2000 ทำความเข้าใจเกณฑ์ และการใช้ในการควบคุมคุณภาพ
อัปเดตแล้ว ก.ย. 10, 2025
Scarlet vs Crimson: สองเฉดของสีแดงเข้ม
เปรียบเทียบ scarlet (#FF2400) และ crimson (#DC143C) — สองเฉดสีแดงเข้มที่มีโทนสีรองต่างกัน เรียนรู้รหัส hex ต้นกำเนิดทางประวัติศาสตร์ และการประยุกต์ในการออกแบบ
อัปเดตแล้ว ก.ย. 08, 2025
Color Gamut คืออะไร? ทุกสิ่งที่ต้องรู้
ทำความเข้าใจ color gamut — ช่วงสีที่อุปกรณ์สามารถแสดงหรือพิมพ์ได้ เปรียบเทียบ gamuts ของ sRGB, Display P3 และ Rec. 2020 สำหรับการออกแบบเว็บและงานพิมพ์
อัปเดตแล้ว ก.ย. 07, 2025
หลักเกณฑ์การตั้งชื่อสีใน CSS และ Design Systems
สำรวจสีที่มีชื่อใน CSS การตั้งชื่อเชิงความหมาย custom properties การตั้งชื่อแบบ Tailwind และแนวทางปฏิบัติสำหรับการจัดการชื่อสีในทีม design systems
อัปเดตแล้ว ก.ย. 06, 2025
สีขาวออฟไวท์: Ivory, Cream, Eggshell และ Linen
เปรียบเทียบสีขาวออฟไวท์ — ivory (#FFFFF0), cream (#FFFDD0), eggshell (#F0EAD6) และ linen (#FAF0E6) พร้อมรหัส hex และคำแนะนำการเลือกสำหรับพื้นหลังเว็บ
อัปเดตแล้ว ก.ย. 05, 2025
สีในการออกแบบอีเมล: สิ่งที่ใช้ได้ในทุก Email Client
เชี่ยวชาญการออกแบบสีอีเมลสำหรับ Outlook, Gmail และ Apple Mail เรียนรู้กลยุทธ์ที่ปลอดภัย การแก้ไข dark mode และข้อกำหนด inline style เพื่อผลลัพธ์ที่สม่ำเสมอ
อัปเดตแล้ว ก.ย. 05, 2025
Hue คืออะไร? คุณสมบัติพื้นฐานที่สุดของสี
เรียนรู้ความหมายของ hue ในทฤษฎีสี — ตำแหน่งบนวงล้อสี มุม hue ใน HSL/CSS เทคนิค hue shift และความแตกต่างระหว่าง hue และสี
อัปเดตแล้ว ก.ย. 04, 2025
Color Theming ใน React: CSS Variables และ Context
สร้าง color theming ที่ขยายได้ใน React โดยใช้ CSS custom properties และ Context API ครอบคลุมสถาปัตยกรรมธีม, Tailwind CSS themes และกลยุทธ์ multi-brand
อัปเดตแล้ว ก.ย. 03, 2025
ประสิทธิภาพสีเว็บ: Gradients, Shadows และ Filters
เพิ่มประสิทธิภาพสีเว็บ เรียนรู้วิธีที่ gradients, box-shadows, CSS filters และ backdrop-filter ส่งผลต่อประสิทธิภาพการเรนเดอร์ และวิธี GPU-accelerate
อัปเดตแล้ว ก.ย. 01, 2025
Responsive Color: ปรับสีสำหรับหน้าจอต่างๆ
เรียนรู้วิธีที่สีเปลี่ยนไปตามจอแสดงผล color gamuts และ dark mode ใช้ CSS media queries และ custom properties เพื่อสร้างระบบสีแบบ responsive สำหรับทุกหน้าจอ
อัปเดตแล้ว ส.ค. 31, 2025
การผสมสีป้ายสัญญาณเพื่อการมองเห็นสูงสุด
เรียนรู้การผสมสีป้ายสัญญาณที่มองเห็นได้ชัดเจนที่สุด การวิจัยการอ่านในระยะไกล ข้อกำหนด ADA การพิจารณา LED และวิธีที่วัสดุและแสงส่งผลต่อการรับรู้สีป้าย
อัปเดตแล้ว ส.ค. 30, 2025
วิธีเลือกสีแบรนด์: คู่มือทีละขั้นตอน
คู่มือทีละขั้นตอนในการเลือกสีแบรนด์ที่สอดคล้องกับกลุ่มเป้าหมาย ครอบคลุมการวิจัย การวิเคราะห์อุตสาหกรรม จิตวิทยาสี การทดสอบการผสมผสาน และเอกสาร brand guideline
อัปเดตแล้ว ส.ค. 29, 2025