Cầu vồng từ nâu vàng sang nâu tông trầm (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #d0ae5c, #9c6d19, #264a63, #b4785a, #4e332b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #d0ae5c
- #cfaa58
- #cfa452
- #ce9c4c
- #ce9446
- #cc8b41
- #ca823d
- #c8793a
- #c57138
- #c16935
- #bc6333
- #b85f2f
- #b35d29
- #af5d22
- #a9601b
- #a36616
- #9c6d19
- #937524
- #887c33
- #7e8344
- #748955
- #6c8c65
- #668e72
- #638f7c
- #618d82
- #5f8a85
- #5b8585
- #557e83
- #4d757e
- #436b78
- #396071
- #2f556a
- #264a63
- #203f5c
- #1c3657
- #1b2d52
- #1d264f
- #21224c
- #281f4c
- #32204d
- #40244f
- #502a52
- #633254
- #763d56
- #894a56
- #9a5957
- #a96958
- #b4785a
- #bc865d
- #c09161
- #c09963
- #be9b64
- #b99963
- #b29360
- #a98b5b
- #a08056
- #957550
- #896949
- #7d5d43
- #71513c
- #664737
- #5c3f32
- #53382e
- #4e332b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(76.38% 0.1089 87.19) 0.0%, oklch(75.41% 0.1100 84.98) 1.6%, oklch(74.12% 0.1119 81.52) 3.2%, oklch(72.56% 0.1143 77.13) 4.8%, oklch(70.80% 0.1170 72.11) 6.3%, oklch(68.90% 0.1199 66.80) 7.9%, oklch(66.93% 0.1228 61.51) 9.5%, oklch(64.96% 0.1254 56.56) 11.1%, oklch(63.03% 0.1277 52.28) 12.7%, oklch(61.23% 0.1294 48.98) 14.3%, oklch(59.60% 0.1304 46.99) 15.9%, oklch(58.23% 0.1304 46.62) 17.5%, oklch(57.16% 0.1294 48.19) 19.0%, oklch(56.47% 0.1270 52.02) 20.6%, oklch(56.23% 0.1229 58.19) 22.2%, oklch(56.39% 0.1173 66.38) 23.8%, oklch(56.84% 0.1104 76.27) 25.4%, oklch(57.51% 0.1027 87.54) 27.0%, oklch(58.30% 0.0944 99.85) 28.6%, oklch(59.14% 0.0859 112.88) 30.2%, oklch(59.92% 0.0774 126.31) 31.7%, oklch(60.57% 0.0693 139.79) 33.3%, oklch(61.00% 0.0619 153.01) 34.9%, oklch(61.11% 0.0556 165.63) 36.5%, oklch(60.83% 0.0506 177.33) 38.1%, oklch(60.06% 0.0473 187.78) 39.7%, oklch(58.64% 0.0458 196.94) 41.3%, oklch(56.43% 0.0457 205.35) 42.9%, oklch(53.60% 0.0468 213.14) 44.4%, oklch(50.31% 0.0489 220.48) 46.0%, oklch(46.73% 0.0519 227.49) 47.6%, oklch(43.04% 0.0554 234.32) 49.2%, oklch(39.38% 0.0592 241.11) 50.8%, oklch(35.93% 0.0633 248.00) 52.4%, oklch(32.86% 0.0673 255.13) 54.0%, oklch(30.33% 0.0711 262.64) 55.6%, oklch(28.51% 0.0744 270.68) 57.1%, oklch(27.57% 0.0770 279.38) 58.7%, oklch(27.68% 0.0788 288.90) 60.3%, oklch(29.06% 0.0803 299.85) 61.9%, oklch(31.62% 0.0817 312.19) 63.5%, oklch(35.12% 0.0830 325.57) 65.1%, oklch(39.33% 0.0841 339.63) 66.7%, oklch(44.01% 0.0851 354.02) 68.3%, oklch(48.94% 0.0859 8.38) 69.8%, oklch(53.88% 0.0864 22.35) 71.4%, oklch(58.60% 0.0867 35.58) 73.0%, oklch(62.86% 0.0867 47.71) 74.6%, oklch(66.45% 0.0864 58.38) 76.2%, oklch(69.11% 0.0857 67.24) 77.8%, oklch(70.63% 0.0846 73.93) 79.4%, oklch(70.83% 0.0830 78.13) 81.0%, oklch(69.89% 0.0807 79.96) 82.5%, oklch(68.01% 0.0777 79.75) 84.1%, oklch(65.35% 0.0741 77.83) 85.7%, oklch(62.09% 0.0702 74.53) 87.3%, oklch(58.40% 0.0660 70.20) 88.9%, oklch(54.46% 0.0618 65.17) 90.5%, oklch(50.43% 0.0575 59.77) 92.1%, oklch(46.49% 0.0534 54.33) 93.7%, oklch(42.80% 0.0496 49.20) 95.2%, oklch(39.55% 0.0462 44.69) 96.8%, oklch(36.91% 0.0434 41.16) 98.4%, oklch(35.04% 0.0413 38.93) 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
