#282729 | 重い紫(#282729)をもとに配色を作成します
#282729 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。 サイトをよりよくする
Tweet
About #282729
HEX
#282729
NAME
-
TONE
重い紫
RGB
40 39 41
HSV
270° 4% 16%
CMYK
2% 4% 0% 83%
#282729の色情報と配色の提案を表示します。#282729は重い紫で、構成成分はRGB(40 39 41)です。補色となる色は#282927です。紫色は、創造性や気品のある色です。豪華さや高級感を示す色でもありますが、非日常を示す色でもあります。ミステリアスなデザインの演出に効果的です。
Color schemes with #282729
ひかえめで大人しい配色
#282729 | colorate
ひかえめで大人しい配色
同一の色相で構成された配色です。この配色は、大人しく、落ち着いた静かな印象を与えます。
base
base
#666568 RGB 102 101 104 #666568
main
main
#282729 RGB 40 39 41 #282729
accent
accent
#A6A5A8 RGB 166 165 168 #A6A5A8
クリップボードにコピーする
閉じる
base
#666568 main
#282729 accent
#A6A5A8
やわらかくソフトな配色
#282729 | colorate
やわらかくソフトな配色
近い色味で構成された配色です。この配色は、柔らかく、有機的で自然な印象を与えます。
base
base
#5F5E62 RGB 95 94 98 #5F5E62
main
main
#282729 RGB 40 39 41 #282729
accent
accent
#98989B RGB 152 152 155 #98989B
クリップボードにコピーする
閉じる
base
#5F5E62 main
#282729 accent
#98989B
力強く派手な配色
#282729 | colorate
力強く派手な配色
アクセントに補色を用いた配色です。この配色は、力強く、行動的で派手な印象を与えます。
base
base
#737175 RGB 115 113 117 #737175
main
main
#282729 RGB 40 39 41 #282729
accent
accent
#282927 RGB 40 41 39 #282927
クリップボードにコピーする
閉じる
base
#737175 main
#282729 accent
#282927
カラフルで調和の取れた配色
#282729 | colorate
カラフルで調和の取れた配色
補色と隣り合わせの色で構成された配色です。動きがあり、カラフルで楽しい印象を与えます。
base
base
#807E82 RGB 128 126 130 #807E82
main
main
#282729 RGB 40 39 41 #282729
accent
accent
#292827 RGB 41 40 39 #292827
accent
accent
#272927 RGB 39 41 39 #272927
クリップボードにコピーする
閉じる
base
#807E82 main
#282729 accent
#292827 accent
#272927
Color schemes example
Fine adjustment from #282729
明るく
#282729 #464547 #656466 #848384 #A2A2A3 #C1C1C1 #E0E0E0
暗く
#282729 #222123 #1C1B1D #161617 #111011 #0B0B0B #050505
色相
#282729 #282729 #282729 #282729 #272729 #272729 #272729
彩度
#292929 #282729 #262329 #242029 #231D29 #211929 #1F1629
明度
#000000 #000000 #141314 #282729 #3B3A3D #4F4D51 #636166
HTML Color
DarkSlateGray
#2F4F4F Black
#000000 MidnightBlue
#191970 DarkOliveGreen
#556B2F DarkGreen
#006400
補色
#282927
トライアド
#272928 #282729 #292727
PANTONE
PANTONE 426 C
#252729 PANTONE Black C
#2E2925 PANTONE 433 C
#1E242B PANTONE Black 3 C
#212620
CSSコード
<style type="text/css">
div {
    color : #282729;
    background-color : #282729;
}
</style>
Contrast ratio
文字や背景に、白や黒を使用するときのコントラスト比を確認します。WCAG2.0による評価基準（A=不十分、AA=最低限、AAA=より十分）
白と#282729 (14.87 : 1)
14pt
AAA 18pt
AAA 14pt
AAA 18pt
AAA
黒と#282729 (1.41 : 1)
14pt
A 18pt
A 14pt
A 18pt
A
Blend base on #282729
白とのブレンド
#282729 - #E0E0E0
黒とのブレンド
#282729 - #050505
遠い色とのブレンド
#282729 - #272928
#282729 - #282927
#282729 - #292727
近い色とのブレンド
#282729 - #353035
#282729 - #403842
#282729 - #0F0D0F
バーコードどころ
オンライン上でいろいろなバーコードの作成ができます。作成したバーコードはPNGやEPSでダウンロードできます。
バーコードを作成する
colorate
色と配色の持つ印象を掛け合わせることで、最適な配色を提案します。専門知識がなくても、だれでも短時間で、色彩理論に基づいた調和の取れた配色ができます。
配色を作成する
textate
テキスト文書を読みやすく、見返しやすい画像にします。SNSでまとまった文章を送りたいときに役立ちます。
テキストを画像にする
HTML Color PANTONE Chart Picker © 2021 - ssi
English 日本語 中文(简体) Deutsch Español Français italiano 한국
