Cầu vồng từ tím oải hương sang nâu vàng tông trầm (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #bc8fa8, #877599, #a78f46, #806c94, #c09d35. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #bc8fa8
- #b98ea9
- #b38bab
- #ac89ad
- #a387ae
- #9985af
- #8f83af
- #8581ae
- #7c80ac
- #767eaa
- #737ca7
- #737aa5
- #7778a3
- #7e769f
- #877599
- #8f7492
- #967489
- #9a7681
- #9c7979
- #9c7c74
- #9b8071
- #9a836f
- #9a856d
- #9a876a
- #9c8966
- #9e8b60
- #a08d59
- #a38e50
- #a78f46
- #ac8f3b
- #b28e30
- #b98b25
- #c0871e
- #c68222
- #ca7c31
- #cb7444
- #c76e59
- #be6a6d
- #b2687e
- #a2698a
- #906a92
- #806c94
- #726e93
- #677190
- #5f748e
- #59788e
- #527d8d
- #4d858b
- #4b8c86
- #51937d
- #5f9971
- #739e63
- #8aa053
- #9fa045
- #b29f3a
- #c09d35
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.08% 0.0634 345.23) 0.0%, oklch(69.43% 0.0636 340.73) 1.8%, oklch(68.54% 0.0641 333.90) 3.6%, oklch(67.46% 0.0646 325.40) 5.5%, oklch(66.25% 0.0653 315.89) 7.3%, oklch(64.97% 0.0659 306.03) 9.1%, oklch(63.68% 0.0665 296.49) 10.9%, oklch(62.43% 0.0670 287.92) 12.7%, oklch(61.28% 0.0672 280.98) 14.5%, oklch(60.30% 0.0672 276.33) 16.4%, oklch(59.54% 0.0669 274.63) 18.2%, oklch(59.06% 0.0661 276.55) 20.0%, oklch(58.85% 0.0646 282.84) 21.8%, oklch(58.87% 0.0619 293.29) 23.6%, oklch(59.07% 0.0586 307.01) 25.5%, oklch(59.42% 0.0548 323.16) 27.3%, oklch(59.88% 0.0509 340.88) 29.1%, oklch(60.41% 0.0472 359.30) 30.9%, oklch(60.99% 0.0440 17.57) 32.7%, oklch(61.57% 0.0417 34.82) 34.5%, oklch(62.12% 0.0405 50.20) 36.4%, oklch(62.61% 0.0407 62.84) 38.2%, oklch(62.99% 0.0427 71.89) 40.0%, oklch(63.36% 0.0473 78.26) 41.8%, oklch(63.80% 0.0545 83.42) 43.6%, oklch(64.29% 0.0637 87.33) 45.5%, oklch(64.79% 0.0743 89.96) 47.3%, oklch(65.28% 0.0856 91.28) 49.1%, oklch(65.71% 0.0969 91.25) 50.9%, oklch(66.07% 0.1077 89.85) 52.7%, oklch(66.33% 0.1173 87.03) 54.5%, oklch(66.44% 0.1250 82.77) 56.4%, oklch(66.39% 0.1302 77.03) 58.2%, oklch(66.14% 0.1323 69.77) 60.0%, oklch(65.57% 0.1306 60.36) 61.8%, oklch(64.64% 0.1254 48.44) 63.6%, oklch(63.43% 0.1175 34.42) 65.5%, oklch(62.05% 0.1077 18.70) 67.3%, oklch(60.58% 0.0967 1.69) 69.1%, oklch(59.12% 0.0853 343.80) 70.9%, oklch(57.75% 0.0742 325.44) 72.7%, oklch(56.58% 0.0642 307.01) 74.5%, oklch(55.68% 0.0560 288.93) 76.4%, oklch(55.17% 0.0505 271.59) 78.2%, oklch(55.12% 0.0482 255.41) 80.0%, oklch(55.60% 0.0495 239.39) 81.8%, oklch(56.57% 0.0535 222.49) 83.6%, oklch(57.91% 0.0597 205.07) 85.5%, oklch(59.54% 0.0677 187.48) 87.3%, oklch(61.35% 0.0768 170.08) 89.1%, oklch(63.26% 0.0865 153.22) 90.9%, oklch(65.17% 0.0962 137.26) 92.7%, oklch(66.98% 0.1056 122.55) 94.5%, oklch(68.60% 0.1139 109.45) 96.4%, oklch(69.93% 0.1207 98.32) 98.2%, oklch(70.87% 0.1254 89.50) 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
