色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#7b0f2a
データ
赤
123
緑
15
青
42
色相
345°
白
6%
黒
52%
彩度
78%
明度
27%
輝度
20%
色調 = 深い
色相 = 345°
3桁
#823
#822
#821
#813
#812
#811
#803
#802
#801
#723
#722
#721
#713
#712
#711
#703
#702
#701
#623
#622
#621
#613
#612
#611
#603
#602
#601
名前付き
maroon
darkred
brown
firebrick
saddlebrown
sienna
purple
crimson
darkmagenta
darkolivegreen
indigo
darkslategray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-345 : 0
-330 : 15
-315 : 30
-300 : 45
-285 : 60
-270 : 75
-255 : 90
-240 : 105
-225 : 120
-210 : 135
-195 : 150
-180 : 165
-165 : 180
-150 : 195
-135 : 210
-120 : 225
-105 : 240
-90 : 255
-75 : 270
-60 : 285
-45 : 300
-30 : 315
-15 : 330
-10 : 335
-5 : 340
-2 : 343
±0 : 345
+2 : 347
+5 : 350
+10 : 355
彩度
+22 : 100
+18 : 96
+14 : 92
+10 : 88
+6 : 84
+3 : 81
+2 : 80
±0 : 78
-2 : 76
-3 : 75
-6 : 72
-10 : 68
-14 : 64
-18 : 60
-22 : 56
-26 : 52
-28 : 50
-30 : 48
-34 : 44
-38 : 40
-42 : 36
-46 : 32
-50 : 28
-54 : 24
-58 : 20
-62 : 16
-66 : 12
-70 : 8
-74 : 4
-78 : 0
明度
+73 : 100
+69 : 96
+65 : 92
+61 : 88
+57 : 84
+53 : 80
+49 : 76
+45 : 72
+41 : 68
+37 : 64
+33 : 60
+29 : 56
+25 : 52
+23 : 50
+21 : 48
+17 : 44
+13 : 40
+9 : 36
+5 : 32
+3 : 30
+2 : 29
+1 : 28
±0 : 27
-2 : 25
-3 : 24
-7 : 20
-11 : 16
-15 : 12
-19 : 8
-23 : 4
-27 : 0
白
-6 : 0
-3 : 3
-2 : 4
±0 : 6
+2 : 8
+3 : 9
+6 : 12
+10 : 16
+14 : 20
+18 : 24
+22 : 28
+26 : 32
+30 : 36
+34 : 40
+38 : 44
+42 : 48
+44 : 50
+46 : 52
+50 : 56
+54 : 60
+58 : 64
+62 : 68
+66 : 72
+70 : 76
+74 : 80
+78 : 84
+82 : 88
+86 : 92
+90 : 96
+94 : 100
黒
-52 : 0
-48 : 4
-44 : 8
-40 : 12
-36 : 16
-32 : 20
-28 : 24
-24 : 28
-20 : 32
-16 : 36
-12 : 40
-8 : 44
-4 : 48
-3 : 49
-2 : 50
±0 : 52
+2 : 54
+3 : 55
+4 : 56
+8 : 60
+12 : 64
+16 : 68
+20 : 72
+24 : 76
+28 : 80
+32 : 84
+36 : 88
+40 : 92
+44 : 96
+48 : 100
赤
+132 : 255
+115 : 238
+98 : 221
+81 : 204
+64 : 187
+47 : 170
+30 : 153
+13 : 136
+8 : 131
+4 : 127
+2 : 125
+1 : 124
±0 : 123
-1 : 122
-2 : 121
-4 : 119
-8 : 115
-21 : 102
-38 : 85
-55 : 68
-72 : 51
-89 : 34
-106 : 17
-123 : 0
緑
+240 : 255
+223 : 238
+206 : 221
+189 : 204
+172 : 187
+155 : 170
+138 : 153
+121 : 136
+104 : 119
+87 : 102
+70 : 85
+53 : 68
+36 : 51
+19 : 34
+8 : 23
+4 : 19
+2 : 17
+1 : 16
±0 : 15
-1 : 14
-2 : 13
-4 : 11
-8 : 7
-15 : 0
青
+213 : 255
+196 : 238
+179 : 221
+162 : 204
+145 : 187
+128 : 170
+111 : 153
+94 : 136
+77 : 119
+60 : 102
+43 : 85
+26 : 68
+9 : 51
+8 : 50
+4 : 46
+2 : 44
+1 : 43
±0 : 42
-1 : 41
-2 : 40
-4 : 38
-8 : 34
-25 : 17
-42 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000