M4RKYU.SYSEdition 2027
Skip to content
LOCZH/安大略 · 加拿大/▸topics · color待机OK/--:--:--EST
M4M4RK_YUportfolio
  • 创作创作
    创作Overview
    • 作品精选案例与项目记录
    • 游戏可玩原型与游戏开发日志
  • 影像影像
    影像Overview
    • 照片影像合集与视觉实验
    • 商店印刷品、海报和限量物件
  • 写作写作
    写作Overview
    • 博客长篇开发日志与现场笔记
    • 笔记短观察、链接与代码片段
  • 资源资源
    资源Overview
    • 工具38 款浏览器内开发工具
    • 链接每日使用的开发与设计书签
  • 关于关于
  • 联系联系
EN
color
2-Colour · Riso Proof

主题

标记为「color」

8 篇

全部主题
  • 资源Color
    CoolorsTap-to-lock palette generator with contrast, shading, and export to CSS variables. Fastest way to draft a five-color palette that doesn't look extruded from a stock illustration.
  • 资源Color
    Realtime ColorsLive-preview a full palette on a sample landing page before committing to tokens. Picking accent colors against actual UI beats squinting at hex swatches.
  • 资源Color
    UI ColorsGenerate full Tailwind shade scales from a single hex. Turning a brand color into a 50-950 ramp without doing it by hand.
  • 资源Color
    Tints and ShadesGenerate evenly stepped tints and shades for any base color. Sometimes you just need ten ticks lighter and ten ticks darker, no algorithm theatre.
  • 资源Tool
    Contrast CheckerPaste two colors, see WCAG AA / AAA pass-fail for normal and large text with a live sample preview. Every time I tweak a token I want to know whether the pair still clears the accessibility bar — without leaving the page.
  • 资源Tool
    Color ConverterThree-way Hex ↔ RGB ↔ HSL converter with a live swatch, lightness shades, and one-click copy. Tailwind v4 token tweaks are easier when the same color reads in every notation at once.
  • 资源Tool
    Gradient GeneratorMulti-stop linear and radial gradients with live preview, drag-to-reorder stops, and CSS + Tailwind output. Skip the round-trip to Coolors when you just want a quick hero gradient with the project's accent.
  • 资源Tool
    Color Palette ExtractorDrop or upload an image; pull its N most-prominent colors via median-cut quantization. Runs entirely in the browser. Sampling brand colors out of a screenshot without an Adobe round-trip — and the file never leaves the page.
M4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYU
始于 2024
ZhenXiao Mark YuZhenXiao Mark Yu
联系

看到什么有意思的?和我聊聊。

这是一个作品集,不是服务 · 但每一条留言我都会看 — 如果哪里让你有所触动,或者只想打个招呼,欢迎写信过来。

开启对话
频道开放

随时打个招呼 · 2026

--:--:--EST加拿大 安大略
  • 邮件
  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat

订阅

偶尔收到一封简讯

来自 m4rkyu.com 的笔记与日志——简短、标注日期、没有杂音。随时可退订。

作品

线上发布、游戏作品与视觉档案。

  • 项目
  • 游戏
  • 档案
  • 日志

资源

每日好用的工具与个人收藏的链接库。

  • 搜索
  • 最新
  • 工具
  • 链接
  • 笔记
  • 主题
  • 商店
RSSJSON Feed

工作室

背景、联系方式以及合作渠道。

  • 关于
  • 联系
  • 更新日志
  • 技术说明
  • 简历筹备中

社交

在常去的平台上找到我。

  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
  • 邮件
© 2026 ZhenXiao Mark Yumarkyu0615@gmail.com
  • 邮件
  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
隐私条款由 Next.js 16 · React 19 · Tailwind 4 构建