Nâu, cam và nâu vàng (tương đồng) (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #1a100a, #7c3b10, #e7a32d, #ffe29e, #3a1d0b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #1a100a
- #1d120b
- #21130b
- #25150b
- #2a170c
- #2f190c
- #351b0c
- #3b1e0c
- #42200d
- #49230d
- #50260d
- #57290e
- #5f2c0e
- #662f0e
- #6e330f
- #753710
- #7c3b10
- #833f11
- #8b4511
- #924a11
- #9a5011
- #a25710
- #aa5d0f
- #b2640f
- #b96c0e
- #c1730e
- #c87b10
- #ce8212
- #d48916
- #da901b
- #df9720
- #e39e27
- #e7a32d
- #ebaa36
- #f0b13f
- #f4b849
- #f8c054
- #fcc75e
- #ffce6a
- #ffd57e
- #ffdc90
- #ffe19f
- #ffe5aa
- #ffe8b2
- #ffe9b5
- #ffe9b3
- #ffe6ac
- #ffe29e
- #fadb98
- #f2d393
- #e7c78b
- #dbba82
- #cdac77
- #be9c6b
- #ae8c5f
- #9e7c53
- #8e6c47
- #7f5c3b
- #704e31
- #624126
- #55351e
- #4a2b16
- #412310
- #3a1d0b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.50% 0.0207 52.03) 0.0%, oklch(19.34% 0.0237 51.86) 1.6%, oklch(20.33% 0.0274 51.57) 3.2%, oklch(21.45% 0.0318 51.19) 4.8%, oklch(22.69% 0.0368 50.74) 6.3%, oklch(24.04% 0.0421 50.24) 7.9%, oklch(25.49% 0.0479 49.73) 9.5%, oklch(27.03% 0.0539 49.22) 11.1%, oklch(28.65% 0.0600 48.74) 12.7%, oklch(30.33% 0.0663 48.32) 14.3%, oklch(32.07% 0.0725 47.98) 15.9%, oklch(33.85% 0.0786 47.74) 17.5%, oklch(35.66% 0.0845 47.64) 19.0%, oklch(37.49% 0.0902 47.69) 20.6%, oklch(39.32% 0.0954 47.93) 22.2%, oklch(41.15% 0.1002 48.38) 23.8%, oklch(42.98% 0.1044 49.05) 25.4%, oklch(44.89% 0.1084 50.01) 27.0%, oklch(46.92% 0.1125 51.21) 28.6%, oklch(49.04% 0.1166 52.64) 30.2%, oklch(51.24% 0.1206 54.25) 31.7%, oklch(53.50% 0.1245 56.02) 33.3%, oklch(55.79% 0.1283 57.91) 34.9%, oklch(58.10% 0.1318 59.88) 36.5%, oklch(60.41% 0.1351 61.91) 38.1%, oklch(62.69% 0.1381 63.95) 39.7%, oklch(64.93% 0.1408 65.97) 41.3%, oklch(67.11% 0.1431 67.95) 42.9%, oklch(69.21% 0.1450 69.84) 44.4%, oklch(71.20% 0.1463 71.60) 46.0%, oklch(73.06% 0.1472 73.22) 47.6%, oklch(74.79% 0.1475 74.65) 49.2%, oklch(76.39% 0.1472 75.89) 50.8%, oklch(78.12% 0.1461 77.16) 52.4%, oklch(79.96% 0.1443 78.46) 54.0%, oklch(81.87% 0.1418 79.77) 55.6%, oklch(83.80% 0.1388 81.07) 57.1%, oklch(85.70% 0.1354 82.32) 58.7%, oklch(87.51% 0.1305 83.51) 60.3%, oklch(89.20% 0.1157 84.61) 61.9%, oklch(90.71% 0.1021 85.59) 63.5%, oklch(91.98% 0.0901 86.43) 65.1%, oklch(92.99% 0.0804 87.11) 66.7%, oklch(93.66% 0.0737 87.59) 68.3%, oklch(93.96% 0.0709 87.86) 69.8%, oklch(93.83% 0.0725 87.88) 71.4%, oklch(93.23% 0.0790 87.63) 73.0%, oklch(92.10% 0.0907 87.09) 74.6%, oklch(90.32% 0.0915 86.18) 76.2%, oklch(87.72% 0.0884 84.80) 77.8%, oklch(84.40% 0.0854 83.01) 79.4%, oklch(80.47% 0.0824 80.86) 81.0%, oklch(76.04% 0.0794 78.42) 82.5%, oklch(71.24% 0.0764 75.77) 84.1%, oklch(66.16% 0.0735 72.95) 85.7%, oklch(60.92% 0.0707 70.03) 87.3%, oklch(55.64% 0.0680 67.09) 88.9%, oklch(50.42% 0.0654 64.18) 90.5%, oklch(45.38% 0.0630 61.36) 92.1%, oklch(40.63% 0.0607 58.70) 93.7%, oklch(36.28% 0.0587 56.27) 95.2%, oklch(32.45% 0.0568 54.13) 96.8%, oklch(29.24% 0.0551 52.35) 98.4%, oklch(26.77% 0.0537 50.97) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
