Nâu vàng, xanh hải quân, tím và xanh cổ vịt (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #e9b58b, #9a8659, #31395b, #ac796f, #334e55. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #e9b58b
- #e2b286
- #d8af7f
- #ccac79
- #bea773
- #b2a16e
- #a69a68
- #9e9161
- #9a8659
- #967652
- #8f6451
- #815356
- #6d465c
- #563e5f
- #413a5e
- #33385b
- #31395b
- #3c3d61
- #514469
- #6b4d6f
- #845970
- #99666e
- #a6726d
- #ac796f
- #ab7874
- #a2737c
- #916c82
- #796583
- #5f5f7c
- #49596f
- #3a5360
- #334e55
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.10% 0.0827 60.47) 0.0%, oklch(79.76% 0.0813 64.23) 3.2%, oklch(78.05% 0.0793 70.84) 6.5%, oklch(76.02% 0.0770 78.80) 9.7%, oklch(73.71% 0.0744 86.62) 12.9%, oklch(71.18% 0.0719 92.78) 16.1%, oklch(68.46% 0.0695 95.80) 19.4%, oklch(65.59% 0.0674 94.17) 22.6%, oklch(62.60% 0.0658 86.28) 25.8%, oklch(58.81% 0.0645 69.10) 29.0%, oklch(54.26% 0.0634 44.26) 32.3%, oklch(49.40% 0.0625 14.96) 35.5%, oklch(44.64% 0.0618 344.40) 38.7%, oklch(40.42% 0.0612 315.77) 41.9%, oklch(37.17% 0.0608 292.26) 45.2%, oklch(35.31% 0.0607 277.06) 48.4%, oklch(35.34% 0.0607 273.41) 51.6%, oklch(37.60% 0.0616 282.10) 54.8%, oklch(41.54% 0.0629 299.70) 58.1%, oklch(46.46% 0.0645 322.46) 61.3%, oklch(51.69% 0.0659 346.65) 64.5%, oklch(56.55% 0.0669 8.52) 67.7%, oklch(60.36% 0.0672 24.32) 71.0%, oklch(62.43% 0.0665 30.30) 74.2%, oklch(62.33% 0.0644 23.75) 77.4%, oklch(60.54% 0.0609 6.86) 80.6%, oklch(57.54% 0.0564 342.67) 83.9%, oklch(53.80% 0.0513 314.15) 87.1%, oklch(49.76% 0.0461 284.30) 90.3%, oklch(45.90% 0.0413 256.08) 93.5%, oklch(42.68% 0.0373 232.50) 96.8%, oklch(40.55% 0.0344 216.52) 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
