色 (sè): Color — Stroke Order & Writing Guide
HSK 3.0Recognition 2
1.
Watch the stroke order, then trace it yourself.
.%3C%2Fdesc%3E%3Cstyle%3E%0A%40keyframes%20draw-stroke%20%7B%0A%20%20to%20%7B%20stroke-dashoffset%3A%200%3B%20opacity%3A%201%3B%20%7D%0A%7D%0A%3C%2Fstyle%3E%3Cg%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22500%22%20height%3D%22500%22%20fill%3D%22%238ecae6%22%3E%3C%2Frect%3E%3Cline%20x1%3D%220%22%20y1%3D%22250%22%20x2%3D%22500%22%20y2%3D%22250%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.2)%22%20stroke-width%3D%221%22%3E%3C%2Fline%3E%3Cline%20x1%3D%22250%22%20y1%3D%220%22%20x2%3D%22250%22%20y2%3D%22500%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.2)%22%20stroke-width%3D%221%22%3E%3C%2Fline%3E%3Ctext%20x%3D%22490%22%20y%3D%22488%22%20fill%3D%22%23ffffff%22%20font-size%3D%2218%22%20font-family%3D%22Arial%2C%20sans-serif%22%20text-anchor%3D%22end%22%20dominant-baseline%3D%22ideographic%22%20opacity%3D%220.8%22%3Ehanzistroke.com%3C%2Ftext%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22mask-1%22%3E%3Cpath%20d%3D%22M%20430%20700%20Q%20521%20793%20524%20803%20Q%20523%20804%20523%20806%20Q%20522%20819%20498%20845%20Q%20476%20867%20458%20870%20Q%20440%20871%20444%20849%20Q%20451%20825%20439%20808%20Q%20405%20747%20356%20694%20Q%20310%20643%20247%20588%20Q%20237%20581%20233%20574%20Q%20229%20564%20242%20565%20Q%20278%20565%20416%20687%20L%20430%20700%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20503%20532%20Q%20632%20662%20663%20680%20Q%20682%20690%20670%20705%20Q%20657%20718%20618%20741%20Q%20600%20748%20585%20738%20Q%20575%20734%20486%20709%20Q%20461%20702%20430%20700%20C%20402%20698%20402%20698%20416%20687%20Q%20425%20675%20450%20673%20Q%20463%20672%20550%20688%20Q%20560%20691%20564%20687%20Q%20568%20683%20562%20672%20Q%20516%20588%20488%20549%20Q%20478%20533%20475%20525%20C%20462%20498%20482%20511%20503%20532%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20683%20364%20Q%20716%20461%20753%20491%20Q%20772%20512%20756%20532%20Q%20737%20548%20677%20576%20Q%20656%20585%20631%20575%20Q%20564%20550%20503%20532%20L%20475%20525%20Q%20471%20525%20469%20524%20Q%20381%20505%20287%20491%20C%20257%20486%20280%20448%20309%20456%20Q%20316%20457%20326%20461%20Q%20387%20474%20450%20487%20L%20486%20494%20Q%20541%20507%20596%20518%20Q%20630%20528%20645%20513%20Q%20655%20503%20653%20482%20Q%20641%20421%20628%20372%20C%20621%20343%20673%20336%20683%20364%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20450%20487%20Q%20450%20484%20452%20481%20Q%20455%20472%20445%20329%20C%20443%20299%20486%20309%20491%20339%20Q%20506%20429%20511%20440%20Q%20518%20456%20512%20467%20Q%20499%20483%20486%20494%20C%20463%20514%20441%20516%20450%20487%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20280%20271%20Q%20292%20268%20333%20273%20Q%20450%20303%20691%20331%20Q%20703%20332%20704%20342%20Q%20704%20349%20683%20364%20L%20628%20372%20Q%20624%20373%20621%20372%20Q%20554%20354%20491%20339%20L%20445%20329%20Q%20357%20313%20281%20301%20C%20251%20296%20250%20273%20280%20271%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20915%2092%20Q%20893%20150%20881%20252%20Q%20878%20268%20870%20274%20Q%20860%20280%20857%20257%20Q%20845%20131%20828%20108%20Q%20773%2047%20536%2049%20Q%20407%2056%20353%2079%20Q%20305%20106%20296%20138%20Q%20281%20175%20280%20271%20L%20281%20301%20Q%20287%20389%20304%20433%20Q%20308%20446%20309%20456%20C%20314%20474%20312%20475%20287%20491%20Q%20239%20525%20224%20521%20Q%20208%20514%20216%20495%20Q%20238%20455%20234%20394%20Q%20230%20157%20255%20105%20Q%20288%2020%20447%200%20Q%20546%20-13%20701%20-3%20Q%20840%207%20895%2038%20Q%20929%2056%20915%2092%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22%0A%20%20%20%20translate(10%2C%20431.875)%0A%20%20%20%20scale(0.46875%2C%20-0.46875)%0A%20%20%22%3E%3Cg%20style%3D%22opacity%3A%201%3B%22%3E%3Cpath%20clip-path%3D%22url(%23mask-1)%22%20d%3D%22M%20396%20936%20L%20474%20832%20L%20480%20807%20L%20451%20766%20L%20342%20648%20L%20279%20596%20L%20241%20573%22%20stroke%3D%22%23ff0000%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22492.67568309322365%2C492.67568309322365%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20492.676%3B%20stroke-dasharray%3A%20492.676%3B%20animation%3A%20800ms%20linear%200ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-2)%22%20d%3D%22M%20323%20684.1%20L%20458%20688%20L%20561%20709%20L%20585%20707%20L%20608%20695%20L%20592%20662%20L%20506%20547%20L%20489%20539%20L%20482%20528%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22502.25977566384086%2C502.25977566384086%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20502.302%3B%20stroke-dasharray%3A%20502.302%3B%20animation%3A%20800ms%20linear%201000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-3)%22%20d%3D%22M%20205.6%20532.7%20L%20317%20477%20L%20477%20508%20L%20601%20542%20L%20656%20547%20L%20686%20527%20L%20701%20509%20L%20664%20396%20L%20636%20377%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22683.603268883918%2C683.603268883918%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20683.555%3B%20stroke-dasharray%3A%20683.555%3B%20animation%3A%20800ms%20linear%202000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-4)%22%20d%3D%22M%20391.5%20562.4%20L%20483%20454%20L%20471%20360%20L%20450%20342%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22264.2903381266524%2C264.2903381266524%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20264.276%3B%20stroke-dasharray%3A%20264.276%3B%20animation%3A%20800ms%20linear%203000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-5)%22%20d%3D%22M%20205%20218%20L%20297%20287%20L%20625%20348%20L%20694%20342%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22517.8844181848949%2C517.8844181848949%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20517.884%3B%20stroke-dasharray%3A%20517.884%3B%20animation%3A%20800ms%20linear%204000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-6)%22%20d%3D%22M%20161.6%20581.7%20L%20260%20471%20L%20270%20448%20L%20256%20293%20L%20268%20145%20L%20292%2093%20L%20316%2070%20L%20352%2050%20L%20440%2028%20L%20584%2020%20L%20709%2027%20L%20824%2054%20L%20868%2081%20L%20867%20265%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%221322.9378861176535%2C1322.9378861176535%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%201322.88%3B%20stroke-dasharray%3A%201322.88%3B%20animation%3A%20800ms%20linear%205000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
158 learners practiced this
Download and print worksheets to practice writing 色
HSK words that contain this character.
Real-world example sentences demonstrating how 色 is used in context
The colour of this piece of clothing is very beautiful.
yǎn sè
hint given with the eyes; meaningful glance
The dishes at this restaurant are very distinctive.
The scenery here makes people feel refreshed.
Explore characters by relationship
Characters pronounced "se".
Characters with radical "色".