カラースキームジェネレーター
ベースカラーから補色、三角色、類似色スキームを生成します。
パレット
#4F46E5
#DDE548
このツールについて
色彩スキームは色彩理論の原則に従って選択された調和のとれた色のセットであり、視覚的に相互に機能し、魅力的な構成を作成するように設計されています。ウェブサイトの設計、グラフィックの作成、または空間の計画を行う場合でも、適切に選択された色彩スキームは気分を伝え、注意を導き、デザインが一貫性を持つようにします。このツールは色彩理論に基づいた色関係（補色、三色配色、類似色など）から生成される専門的な色彩スキームを提供し、自然に相互に機能する色の組み合わせを探索するのに役立ちます。
このツールの使用方法は簡単です。カラーピッカーを使用してベースカラーを選択するか、16進数コードを入力し、ドロップダウンメニューから好みの調和スキームを選択します。ツールはスキーム内のすべての色を16進数値と共に即座に表示し、任意の色をクリックしてそのコードをクリップボードにコピーできます。典型的な使用例には、UIコンポーネント用の完全なパレットが必要なウェブデザイン、ブランドアイデンティティ作成、データビジュアライゼーション色選択、および色関係が視覚的インパクトを生み出すアートまたはインテリアデザインが含まれます。
よくある質問
コード実装
import colorsys
def hex_to_hsl(hex_color):
hex_color = hex_color.lstrip('#')
r, g, b = [int(hex_color[i:i+2], 16)/255 for i in (0,2,4)]
h, l, s = colorsys.rgb_to_hls(r, g, b)
return int(h*360), int(s*100), int(l*100)
def hsl_to_hex(h, s, l):
r, g, b = colorsys.hls_to_rgb(h/360, l/100, s/100)
return '#{:02x}{:02x}{:02x}'.format(int(r*255), int(g*255), int(b*255))
def complementary(hex_color):
h, s, l = hex_to_hsl(hex_color)
return [hex_color, hsl_to_hex((h + 180) % 360, s, l)]
print(complementary('#6366f1'))Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.