Cầu vồng từ nâu sang xanh dương (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #3c1f15, #1b518c, #4796c2, #8c5c25, #2f92c6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #3c1f15
- #3e1f18
- #421f1c
- #452021
- #482027
- #4b212f
- #4d2239
- #4e2443
- #4d274e
- #4c2b59
- #482f64
- #44356e
- #3e3a77
- #36407e
- #2e4684
- #254c88
- #1b518c
- #13568f
- #0e5b93
- #0f6098
- #16659d
- #1f6aa2
- #286fa7
- #3174ad
- #3a78b2
- #427db7
- #4881bb
- #4d85bf
- #5189c2
- #528dc4
- #5190c5
- #4e93c5
- #4796c2
- #3c99bc
- #2f9ab3
- #259ba6
- #259a95
- #329783
- #43936f
- #558d5b
- #658548
- #717d38
- #7b752c
- #826d25
- #876723
- #8a6123
- #8b5e25
- #8c5c25
- #8b5c24
- #8a5e21
- #88621d
- #84671a
- #7d6d1c
- #737524
- #657c33
- #538445
- #3c8a5a
- #1c8f6f
- #009184
- #009395
- #0093a5
- #0094b4
- #1b93bf
- #2f92c6
CSS
background: linear-gradient(135deg in oklch, oklch(27.56% 0.0482 39.38) 0.0%, oklch(28.10% 0.0506 33.97) 1.6%, oklch(28.72% 0.0537 27.09) 3.2%, oklch(29.44% 0.0574 18.94) 4.8%, oklch(30.23% 0.0616 9.74) 6.3%, oklch(31.09% 0.0662 359.69) 7.9%, oklch(32.02% 0.0710 349.00) 9.5%, oklch(33.01% 0.0761 337.89) 11.1%, oklch(34.04% 0.0812 326.56) 12.7%, oklch(35.11% 0.0862 315.22) 14.3%, oklch(36.22% 0.0912 304.09) 15.9%, oklch(37.36% 0.0959 293.38) 17.5%, oklch(38.52% 0.1002 283.29) 19.0%, oklch(39.69% 0.1041 274.03) 20.6%, oklch(40.86% 0.1074 265.82) 22.2%, oklch(42.04% 0.1101 258.87) 23.8%, oklch(43.21% 0.1120 253.38) 25.4%, oklch(44.50% 0.1133 249.46) 27.0%, oklch(45.94% 0.1141 246.94) 28.6%, oklch(47.49% 0.1143 245.59) 30.2%, oklch(49.13% 0.1142 245.21) 31.7%, oklch(50.82% 0.1138 245.56) 33.3%, oklch(52.53% 0.1130 246.43) 34.9%, oklch(54.24% 0.1120 247.60) 36.5%, oklch(55.91% 0.1108 248.86) 38.1%, oklch(57.51% 0.1095 249.97) 39.7%, oklch(59.02% 0.1081 250.73) 41.3%, oklch(60.39% 0.1068 250.92) 42.9%, oklch(61.61% 0.1054 250.31) 44.4%, oklch(62.64% 0.1042 248.68) 46.0%, oklch(63.44% 0.1031 245.83) 47.6%, oklch(64.00% 0.1023 241.52) 49.2%, oklch(64.27% 0.1017 235.44) 50.8%, oklch(64.20% 0.1010 227.04) 52.4%, oklch(63.82% 0.1002 216.56) 54.0%, oklch(63.20% 0.0994 204.41) 55.6%, oklch(62.35% 0.0985 190.95) 57.1%, oklch(61.34% 0.0977 176.58) 58.7%, oklch(60.20% 0.0968 161.67) 60.3%, oklch(58.98% 0.0960 146.61) 61.9%, oklch(57.73% 0.0952 131.78) 63.5%, oklch(56.48% 0.0945 117.56) 65.1%, oklch(55.28% 0.0940 104.35) 66.7%, oklch(54.18% 0.0935 92.51) 68.3%, oklch(53.21% 0.0932 82.43) 69.8%, oklch(52.43% 0.0931 74.51) 71.4%, oklch(51.88% 0.0932 69.11) 73.0%, oklch(51.60% 0.0936 66.62) 74.6%, oklch(51.60% 0.0942 67.39) 76.2%, oklch(51.82% 0.0951 71.31) 77.8%, oklch(52.23% 0.0964 77.98) 79.4%, oklch(52.81% 0.0979 87.02) 81.0%, oklch(53.51% 0.0995 98.03) 82.5%, oklch(54.33% 0.1014 110.62) 84.1%, oklch(55.22% 0.1033 124.39) 85.7%, oklch(56.18% 0.1053 138.95) 87.3%, oklch(57.16% 0.1074 153.90) 88.9%, oklch(58.14% 0.1094 168.86) 90.5%, oklch(59.10% 0.1050 183.42) 92.1%, oklch(60.01% 0.1021 197.21) 93.7%, oklch(60.84% 0.1052 209.83) 95.2%, oklch(61.57% 0.1128 220.86) 96.8%, oklch(62.16% 0.1176 229.92) 98.4%, oklch(62.60% 0.1185 236.64) 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
