色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#dd4669
データ
赤
221
緑
70
青
105
色相
346°
白
27%
黒
13%
彩度
69%
明度
57%
輝度
47%
色調 = 強い
色相 = 346°
3桁
#e57
#e56
#e55
#e47
#e46
#e45
#e37
#e36
#e35
#d57
#d56
#d55
#d47
#d46
#d45
#d37
#d36
#d35
#c57
#c56
#c55
#c47
#c46
#c45
#c37
#c36
#c35
名前付き
indianred
tomato
palevioletred
mediumvioletred
lightcoral
salmon
crimson
coral
deeppink
peru
darksalmon
chocolate
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-345 : 1
-330 : 16
-315 : 31
-300 : 46
-285 : 61
-270 : 76
-255 : 91
-240 : 106
-225 : 121
-210 : 136
-195 : 151
-180 : 166
-165 : 181
-150 : 196
-135 : 211
-120 : 226
-105 : 241
-90 : 256
-75 : 271
-60 : 286
-45 : 301
-30 : 316
-15 : 331
-10 : 336
-5 : 341
-2 : 344
±0 : 346
+2 : 348
+5 : 351
+10 : 356
彩度
+31 : 100
+27 : 96
+23 : 92
+19 : 88
+15 : 84
+11 : 80
+7 : 76
+3 : 72
+2 : 71
±0 : 69
-1 : 68
-2 : 67
-3 : 66
-5 : 64
-9 : 60
-13 : 56
-17 : 52
-19 : 50
-21 : 48
-25 : 44
-29 : 40
-33 : 36
-37 : 32
-41 : 28
-45 : 24
-49 : 20
-53 : 16
-57 : 12
-61 : 8
-65 : 4
-69 : 0
明度
+43 : 100
+39 : 96
+35 : 92
+31 : 88
+27 : 84
+23 : 80
+19 : 76
+15 : 72
+11 : 68
+7 : 64
+3 : 60
+2 : 59
±0 : 57
-1 : 56
-2 : 55
-3 : 54
-5 : 52
-7 : 50
-9 : 48
-13 : 44
-17 : 40
-21 : 36
-25 : 32
-29 : 28
-33 : 24
-37 : 20
-41 : 16
-45 : 12
-49 : 8
-53 : 4
-57 : 0
白
-27 : 0
-23 : 4
-19 : 8
-15 : 12
-11 : 16
-7 : 20
-3 : 24
-2 : 25
±0 : 27
+1 : 28
+2 : 29
+3 : 30
+5 : 32
+9 : 36
+13 : 40
+17 : 44
+21 : 48
+23 : 50
+25 : 52
+29 : 56
+33 : 60
+37 : 64
+41 : 68
+45 : 72
+49 : 76
+53 : 80
+57 : 84
+61 : 88
+65 : 92
+69 : 96
+73 : 100
黒
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
赤
+34 : 255
+17 : 238
+8 : 229
+4 : 225
+2 : 223
+1 : 222
±0 : 221
-1 : 220
-2 : 219
-4 : 217
-8 : 213
-17 : 204
-34 : 187
-51 : 170
-68 : 153
-85 : 136
-102 : 119
-119 : 102
-136 : 85
-153 : 68
-170 : 51
-187 : 34
-204 : 17
-221 : 0
緑
+185 : 255
+168 : 238
+151 : 221
+134 : 204
+117 : 187
+100 : 170
+83 : 153
+66 : 136
+49 : 119
+32 : 102
+15 : 85
+8 : 78
+4 : 74
+2 : 72
+1 : 71
±0 : 70
-1 : 69
-2 : 68
-4 : 66
-8 : 62
-19 : 51
-36 : 34
-53 : 17
-70 : 0
青
+150 : 255
+133 : 238
+116 : 221
+99 : 204
+82 : 187
+65 : 170
+48 : 153
+31 : 136
+14 : 119
+8 : 113
+4 : 109
+2 : 107
+1 : 106
±0 : 105
-1 : 104
-2 : 103
-3 : 102
-4 : 101
-8 : 97
-20 : 85
-37 : 68
-54 : 51
-71 : 34
-88 : 17
-105 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000