Palette Tone-row
<div class="ce-block" data-id="nv04adM6Im" ><div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">关于产品</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="YB5n1EULMi" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">Palette Tone-row是一款在线调色板生成工具，由外国设计师 Rob Gordon 开发并免费分享给所有人使用。 它的特别之处在于支持“Palette-by-Prompt ”，也就是文本生成调色板。点击右上角的“create from prompt”，输入对网站性质和颜色的描述，等待片刻后就有一组完整的配色。 调色板支持浅色模式和深色模式，能生成中性色板，用户也可以对颜色进行再调整。</div>
</div>
</div><div class="ce-block" data-id="vg2_2F4sEQ" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">适合谁？</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="Q2dDSiGfVh" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">平面/UI/网页设计师：需快速生成与项目主题匹配的配色（如科技感网站需蓝色调方案），提升设计效率。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="pIimJ4HDZ4" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">品牌视觉设计师：为品牌标识、宣传物料生成符合调性的色彩组合，强化品牌一致性。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="KJYzcXGvT1" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">艺术家与插画师：创作画作或插画时，通过关键词激发色彩灵感（如“梦幻、渐变、紫粉色系”）。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="jU0eO1f4EH" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">内容创作者与营销人员：为社交媒体、海报设计等场景快速生成吸引眼球的配色，增强视觉传达效果。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="353e_bjU2W" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">设计教育者与学生：教学场景中演示色彩理论与实际应用的关联，辅助学习色彩心理学。</div>
</div>
</div><div class="ce-block" data-id="cd4hdwVSXm" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">产品特色</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="nEz7YRqLjB" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">文字生成配色：输入场景描述，AI 自动产出含主辅色的成套色板，无需手动配色。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="5LbDS0iKKL" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">深浅模式一键切换：同一段文案可生成浅、深两套适配系统主题的色板。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="lc_NpO_UpT" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">自由调色 + 标准导出：支持改色值、增删色块，一键导出 HEX、RGB 色值，兼容各类设计软件。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="945wRRbuG5" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">色彩心理学调校：依托色彩感知算法，配色贴合文字想要的氛围调性。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="Iv9cR8o65U" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">免登在线即用：纯线上工具，无需注册，界面简单，快速出配色。</div>
</div>
</div><style type="text/css">
.ce-block {
margin-top: 20px;
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}
.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
content: "";
background-color: #3e8fe3;
width: 6px;
height: 100%;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}
.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}
.ce-header:empty::before {
display: block;
}
.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
font-size: 2.0em;
}
h2.ce-header {
font-size: 1.7em;
}
h3.ce-header {
font-size: 1.4em;
}
h4.ce-header {
font-size: 1.15em;
}
h5.ce-header {
font-size: 0.95em;
}
h6.ce-header {
font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
font-size: 16px;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}
.ce-paragraph--justify {
text-align: justify;
}
.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}
.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}
.ce-paragraph p:first-of-type{
margin-top: 0;
}
.ce-paragraph p:last-of-type{
margin-bottom: 0;
}
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页:
[1]