Palette Browser

色卡浏览

参考网页

查找色号

支持输入色号、HEX 或 RGB 数字。

加载中

221 色色卡

正在读取色卡数据。

选择两个色号

对比色相条、上方色盘坐标和实际色块差异。

A1 / A2

坐标移动方向

从颜色 A 调到颜色 B 时,按箭头和文字移动。

数值差异

百分比越接近,游戏中移动幅度越小。

如何在游戏里使用

1. 先调底部色相条

查看图片里的 Hue bar 百分比,把游戏底部滑块移动到同一相对位置。

2. 再调上方色盘落点

Square X 是横向位置,越右越鲜艳;Square Y 是从上往下的位置,越下越暗。

3. 灰白黑色优先看明度

低饱和色的色相影响很小,主要把上方落点放在左侧,再调整上下明暗。

换算逻辑

底部色相条采用反向 HSV 色相:红、品红、蓝、青、绿、黄、红。上方色盘位置采用 ColorCraftLab 的经验校准,混合 HSV 与 HSL,使位置更接近游戏界面的视觉表现。

Hue bar = ((360 - HSV_H) % 360) / 360
Square X = HSV_S * 0.78 + HSL_S * 0.22
Square Y = 100 - (HSV_V * 0.68 + HSL_L * 0.32)

校正方法

初始位置先由色块的 RGB/HSV 数值换算得到;随后在游戏中逐一选取与原拼豆色块视觉上最接近的颜色,记录实际色盘落点,并与初始 HSV 落点对比。最终色盘图会优先采用这些实测位置,用来修正单纯数学换算带来的偏差。

本项目的色块显示与人工比对环境为 MacBook Pro 2022,显示器颜色描述文件使用系统内建的“彩色 LCD”。不同设备、屏幕亮度或色彩模式下,观感可能略有差异。

ZL 步长参考

根据 00 到 04 与 A6 的实测截图,滑块最右可达位置约为色相条 98.1%,每按一次 ZL 约向左移动 0.486%。因此色卡详情里的“从最右按 ZL 约 N 次”可作为快速定位色相条的参考。

ZL 次数 = round((98.1 - Hue bar percent) / 0.486)

参考来源

本站的色盘定位逻辑参考了 ColorCraftLab 的公开网页实现,并结合实际游戏截图重新校正部分色号位置,生成便于逐色号查看的定位图。

https://heheann.github.io/colorcraftlab/

作者:联邦宇宙 Misskey @freefall。如对色彩数据、校正结果或网页内容有疑问,可以通过该账号联系作者。

本项目由 Codex 辅助完成资料整理、图像位置分析、色盘图生成与网页实现。

站点目标仓库:twocloudsinthesky/tomodachi-color-guide。部署方式为 GitHub Pages 静态页面。