Nâu vàng, tím đậm, xanh dương và đỏ nâu (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #ebbf9b, #644234, #483d52, #475068, #431318. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #ebbf9b
- #e7ba97
- #e1b593
- #daae8d
- #d2a787
- #ca9f81
- #c1977a
- #b78e72
- #ae856b
- #a47c63
- #9a735b
- #906a54
- #86614d
- #7d5946
- #74513f
- #6b493a
- #644234
- #5d3c30
- #57362c
- #51322a
- #4d2e28
- #4a2b27
- #482927
- #462829
- #45282c
- #45292f
- #452a33
- #452c38
- #462f3d
- #463242
- #473548
- #47394d
- #483d52
- #484157
- #49465b
- #4a4a5f
- #4a4e63
- #4b5165
- #4b5468
- #4c566a
- #4c586b
- #4c596c
- #4b596c
- #4a596c
- #49576c
- #49556b
- #48536a
- #475068
- #474c67
- #474864
- #474461
- #48405e
- #483b59
- #493654
- #49314e
- #492d48
- #492841
- #49243b
- #482034
- #471c2d
- #461927
- #451721
- #44151c
- #431318
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.46% 0.0703 60.47) 0.0%, oklch(82.07% 0.0697 59.72) 1.6%, oklch(80.34% 0.0689 59.03) 3.2%, oklch(78.31% 0.0681 58.38) 4.8%, oklch(76.02% 0.0671 57.73) 6.3%, oklch(73.50% 0.0660 57.08) 7.9%, oklch(70.78% 0.0649 56.39) 9.5%, oklch(67.92% 0.0637 55.65) 11.1%, oklch(64.94% 0.0625 54.84) 12.7%, oklch(61.88% 0.0612 53.93) 14.3%, oklch(58.79% 0.0599 52.91) 15.9%, oklch(55.69% 0.0586 51.74) 17.5%, oklch(52.62% 0.0573 50.42) 19.0%, oklch(49.62% 0.0559 48.91) 20.6%, oklch(46.73% 0.0546 47.20) 22.2%, oklch(43.99% 0.0533 45.26) 23.8%, oklch(41.43% 0.0521 43.08) 25.4%, oklch(39.09% 0.0509 40.63) 27.0%, oklch(37.01% 0.0498 37.89) 28.6%, oklch(35.22% 0.0487 34.84) 30.2%, oklch(33.76% 0.0477 31.45) 31.7%, oklch(32.68% 0.0469 27.71) 33.3%, oklch(31.96% 0.0460 23.29) 34.9%, oklch(31.58% 0.0451 17.96) 36.5%, oklch(31.51% 0.0442 11.83) 38.1%, oklch(31.70% 0.0432 5.02) 39.7%, oklch(32.14% 0.0423 357.65) 41.3%, oklch(32.78% 0.0414 349.81) 42.9%, oklch(33.60% 0.0404 341.64) 44.4%, oklch(34.56% 0.0395 333.25) 46.0%, oklch(35.64% 0.0387 324.74) 47.6%, oklch(36.80% 0.0378 316.23) 49.2%, oklch(38.01% 0.0371 307.85) 50.8%, oklch(39.24% 0.0364 299.69) 52.4%, oklch(40.47% 0.0358 291.89) 54.0%, oklch(41.64% 0.0354 284.54) 55.6%, oklch(42.75% 0.0350 277.77) 57.1%, oklch(43.75% 0.0348 271.68) 58.7%, oklch(44.61% 0.0346 266.41) 60.3%, oklch(45.30% 0.0347 262.05) 61.9%, oklch(45.80% 0.0349 258.72) 63.5%, oklch(46.06% 0.0353 256.54) 65.1%, oklch(46.06% 0.0358 255.62) 66.7%, oklch(45.83% 0.0366 256.06) 68.3%, oklch(45.42% 0.0377 257.80) 69.8%, oklch(44.85% 0.0391 260.73) 71.4%, oklch(44.14% 0.0406 264.72) 73.0%, oklch(43.31% 0.0424 269.65) 74.6%, oklch(42.37% 0.0444 275.39) 76.2%, oklch(41.34% 0.0464 281.84) 77.8%, oklch(40.23% 0.0486 288.86) 79.4%, oklch(39.07% 0.0509 296.33) 81.0%, oklch(37.87% 0.0533 304.13) 82.5%, oklch(36.64% 0.0556 312.15) 84.1%, oklch(35.40% 0.0580 320.25) 85.7%, oklch(34.18% 0.0603 328.32) 87.3%, oklch(32.98% 0.0626 336.24) 88.9%, oklch(31.83% 0.0648 343.88) 90.5%, oklch(30.74% 0.0668 351.13) 92.1%, oklch(29.72% 0.0687 357.85) 93.7%, oklch(28.80% 0.0705 3.94) 95.2%, oklch(27.99% 0.0720 9.26) 96.8%, oklch(27.31% 0.0734 13.71) 98.4%, oklch(26.77% 0.0744 17.14) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
