:root{--gold:#c9a44a;--gold-light:#e8d48c;--gold-dim:#7a6428;--bg:#07070d;--card:#0d0d18;--text:#b8b0a4;--text-dim:#5a554e} *{margin:0;padding:0;box-sizing:border-box} body{background:var(--bg);color:var(--text);font:16px/1.7 Georgia,serif;min-height:100vh} .wrap{max-width:760px;margin:0 auto;padding:24px 20px 70px} .topnav{display:flex;justify-content:space-between;align-items:center;padding:8px 0 20px;border-bottom:1px solid rgba(201,164,74,.08);margin-bottom:26px} .topnav a{color:var(--gold);text-decoration:none;font-size:.8rem;letter-spacing:1px} .topnav a:hover{color:var(--gold-light)} .topnav .crumb{color:var(--text-dim);font-size:.7rem} h1{font-size:1.5rem;color:var(--gold-light);font-weight:normal;letter-spacing:2px;margin-bottom:6px} .sub{color:var(--text-dim);font-size:.8rem;font-style:italic;margin-bottom:24px} .card{background:var(--card);border:1px solid rgba(255,255,255,.03);border-radius:12px;padding:22px;margin:14px 0} label{display:block;font-size:.75rem;color:var(--gold-dim);letter-spacing:1px;text-transform:uppercase;margin:12px 0 6px} input[type=text],input[type=number],textarea,select{width:100%;padding:10px 12px;background:#0a0a14;border:1px solid rgba(201,164,74,.15);border-radius:8px;color:var(--text);font:14px/1.5 Georgia,serif;outline:none} input:focus,textarea:focus{border-color:rgba(201,164,74,.4)} textarea{min-height:90px;resize:vertical} button{margin-top:14px;padding:10px 22px;background:transparent;border:1px solid var(--gold);color:var(--gold);border-radius:8px;font:600 .8rem Georgia,serif;letter-spacing:1px;cursor:pointer;transition:.2s} button:hover{background:rgba(201,164,74,.12)} .out{margin-top:16px;padding:14px;background:#0a0a14;border-left:2px solid var(--gold);border-radius:6px;font-size:.9rem;white-space:pre-wrap;line-height:1.7;display:none} .out.show{display:block} .err{color:#c96a4a;font-size:.8rem;display:none} .err.show{display:block;margin-top:8px} .small{font-size:.72rem;color:var(--text-dim)} table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:12px} td,th{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.04);text-align:left;vertical-align:top} th{color:var(--gold-dim);font-weight:normal;font-size:.72rem;letter-spacing:1px;text-transform:uppercase} .foot{text-align:center;color:var(--text-dim);font-size:.68rem;padding:36px 0 0;border-top:1px solid rgba(255,255,255,.03);margin-top:44px} .foot a{color:var(--gold-dim);text-decoration:none} @media(max-width:600px){.wrap{padding:16px 14px 50px}h1{font-size:1.2rem}}
Your poetic Chinese name
Generate a poetic Chinese name: a surname from the classical Hundred Family Surnames, plus a given name built from characters that carry meaning — brightness, jade, quiet strength, grace and more. Pinyin included.
ToolPit · Free online tools · All tools