Pengeksport Palet

Semua alat

Tampal atau import set warna dan eksportnya dengan segera ke pemboleh ubah CSS, SCSS, konfigurasi Tailwind, JSON atau swatch SVG — langkah terakhir untuk sebarang palet.

Tampal nilai HEX (satu setiap baris, atau dipisahkan dengan koma/ruang). rgb() dan hsl() juga diterima.

Palet

Tiada warna sah ditemui — semak input anda.

Format eksport
Kod eksport 

							


							

								

									Semuanya berjalan dalam pelayar anda — tampal palet dan salin kod sedia pengeluaran dalam sebarang format. Tiada pendaftaran, sepenuhnya percuma.
								

							


						

					

				

			

		

	


        
                    

		


					
Mengenai Pengeksport Palet

							
Palette Exporter ialah langkah penyudah bagi mana-mana palet warna: tampal satu set warna dan dapatkan kod sedia produksi dalam format yang diperlukan oleh projek anda. Ia menerima nilai HEX satu setiap baris atau dipisahkan dengan koma dan ruang, serta memahami notasi rgb() dan hsl().

							
Enam format output dihasilkan secara langsung: sifat tersuai CSS, pemboleh ubah SCSS, blok warna konfigurasi Tailwind, JSON, swatch SVG dan senarai HEX biasa. Awalan pemboleh ubah yang boleh dikonfigurasi mengekalkan nama yang dihasilkan konsisten dengan kod pangkalan anda, dan setiap format boleh disalin ke papan keratan atau dimuat turun sebagai fail.

							
Semuanya berjalan dalam pelayar anda — warna yang anda tampal tidak pernah dihantar ke mana-mana. Ia sepadan secara semula jadi dengan alat palet lain: ekstrak atau jana palet di tempat lain, tampal di sini, dan dapatkan cebisan kod tepat yang diperlukan oleh helaian gaya, rangka kerja atau saluran reka bentuk anda.

					
					
Cara menggunakan Pengeksport Palet

			
    
									
  1. Tampal warna anda ke dalam medan input — HEX, rgb() atau hsl(), satu setiap baris atau dipisahkan koma.
    2. 
									
  2. Klik "Update colors" untuk menghurainya menjadi palet, atau muatkan sampel untuk mencubanya.
    3. 
									
  3. Pilih format eksport: CSS variables, SCSS, Tailwind config, JSON, SVG swatches atau HEX biasa.
    4. 
									
  4. Laraskan awalan pemboleh ubah jika anda mahu penamaan tersuai.
    5. 
									
  5. Salin kod yang dihasilkan atau muat turun sebagai fail.
    6. 
							

		
					
Soalan lazim

			

									

						

							
						

						

							
Nilai HEX (dengan atau tanpa tanda #), notasi rgb() dan hsl() semuanya dikenali. Anda boleh mencampur format dan memisahkan warna dengan baris baharu, koma atau ruang — penghurai ini mengeluarkan setiap warna yang sah dan mengabaikan selebihnya.

						

					

									

						

							
						

						

							
Ya. Penghuraian dan penjanaan kod berlaku sepenuhnya dalam pelayar anda, jadi alat ini percuma tanpa akaun, tanpa kredit dan tanpa had ke atas palet atau eksport.

						

					

									

						

							
						

						

							
Tampal warna anda, pilih format "Tailwind config", dan salin blok yang dihasilkan ke dalam bahagian warna konfigurasi Tailwind anda. Tetapan awalan pemboleh ubah mengawal nama kunci yang digunakan untuk setiap warna.

						

					

									

						

							
						

						

							
Tidak. Warna kekal dalam tab pelayar anda — tiada permintaan pelayan dibuat semasa menghurai atau mengeksport, dan tiada apa disimpan sebaik sahaja anda meninggalkan halaman.

						

					

									

						

							
						

						

							
Ia menghasilkan fail SVG kecil yang menunjukkan setiap warna palet sebagai swatch berlabel. Ia berguna untuk menyisipkan rujukan palet visual dalam dokumentasi, fail README atau halaman serah reka bentuk tanpa perlu mengambil tangkapan skrin.

						

					

							


						
			


	



	
	

		

		

			Kongsi ini
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
					

	



    
	
	

				
Alat Berkaitan


					

									

						
							
							
								
									Pengekstrak Warna Imej
									
								
								Tarik palet warna yang halus dan sedia salin daripada sebarang imej.
								
																			Percuma
																	
							
						
					

									

						
							
							
								
									Penjana Warna Cerah & Gelap
									
								
								Jana julat penuh tint dan warna gelap daripada satu warna — pilih langkah cerah/gelap dan bilangan warna, kemudian salin sebarang nilai dengan segera.
								
																			Percuma
																	
							
						
					

									

						
							
							
								
									Penukar Kod Warna
									
								
								Tukar warna antara HEX, RGB, RGBA, HSL, HSLA, HSV dan CMYK — pilih warna, laras alfa, dan salin sebarang format serta-merta.
								
																			Percuma
																	
							
						
					

									

						
							
							
								
									Pencampur Warna
									
								
								Campurkan warna mula ke warna akhir merentasi sehingga 10 langkah — pratonton kecerunan, ambil setiap warna dan salin sebarang format dengan segera.
								
																			Percuma
																	
							
						
					

									

						
							
							
								
									Pencari Warna Bernama
									
								
								Cari warna CSS bernama yang paling hampir dan warna Tailwind yang paling dekat untuk sebarang warna — dipadankan secara perseptual, dengan nilai sedia salin.
								
																			Percuma
																	
							
						
					

									

						
							
							
								
									Skrin Biru Penuh
									
								
								Penuhi seluruh skrin anda dengan biru tulen untuk menguji saluran sub-pixel biru dan mendedahkan piksel mati pada medan berwarna. Percuma dan berjalan dalam pelayar anda.
								
																			Percuma
																	
							
						
					

							

			





		

		
Carian popular

		

							pengeksport palet
							eksport warna ke css
							palet ke scss
							konfigurasi warna tailwind
							eksport palet json
							sampel warna svg
					

	





		

			

				

					
					

						
Perlukan bantuan?

						
Menemui masalah dengan alat ini? Beritahu pasukan kami.

					

				

				
					Laporkan masalah
				
			

		

	





        

            

                

                    
                

                

                    

                        
Tambah alat percuma ini ke laman web anda sendiri — salin dan tampal kod di bawah.