色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#f04559
データ
赤
240
緑
69
青
89
色相
353°
白
27%
黒
6%
彩度
85%
明度
61%
輝度
48%
色調 = 強い
色相 = 353°
3桁
#f56
#f55
#f54
#f46
#f45
#f44
#f36
#f35
#f34
#e56
#e55
#e54
#e46
#e45
#e44
#e36
#e35
#e34
#d56
#d55
#d54
#d46
#d45
#d44
#d36
#d35
#d34
名前付き
tomato
indianred
crimson
coral
salmon
lightcoral
palevioletred
chocolate
mediumvioletred
deeppink
peru
darksalmon
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-350 : 3
-345 : 8
-330 : 23
-315 : 38
-300 : 53
-285 : 68
-270 : 83
-255 : 98
-240 : 113
-225 : 128
-210 : 143
-195 : 158
-180 : 173
-165 : 188
-150 : 203
-135 : 218
-120 : 233
-105 : 248
-90 : 263
-75 : 278
-60 : 293
-45 : 308
-30 : 323
-15 : 338
-10 : 343
-5 : 348
-2 : 351
±0 : 353
+2 : 355
+5 : 358
彩度
+15 : 100
+11 : 96
+7 : 92
+3 : 88
+2 : 87
±0 : 85
-1 : 84
-2 : 83
-3 : 82
-5 : 80
-9 : 76
-13 : 72
-17 : 68
-21 : 64
-25 : 60
-29 : 56
-33 : 52
-35 : 50
-37 : 48
-41 : 44
-45 : 40
-49 : 36
-53 : 32
-57 : 28
-61 : 24
-65 : 20
-69 : 16
-73 : 12
-77 : 8
-81 : 4
-85 : 0
明度
+39 : 100
+35 : 96
+31 : 92
+27 : 88
+23 : 84
+19 : 80
+15 : 76
+11 : 72
+7 : 68
+3 : 64
+2 : 63
±0 : 61
-1 : 60
-2 : 59
-3 : 58
-5 : 56
-9 : 52
-11 : 50
-13 : 48
-17 : 44
-21 : 40
-25 : 36
-29 : 32
-33 : 28
-37 : 24
-41 : 20
-45 : 16
-49 : 12
-53 : 8
-57 : 4
-61 : 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
黒
-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
赤
+15 : 255
+8 : 248
+4 : 244
+2 : 242
+1 : 241
±0 : 240
-1 : 239
-2 : 238
-4 : 236
-8 : 232
-19 : 221
-36 : 204
-53 : 187
-70 : 170
-87 : 153
-104 : 136
-121 : 119
-138 : 102
-155 : 85
-172 : 68
-189 : 51
-206 : 34
-223 : 17
-240 : 0
緑
+186 : 255
+169 : 238
+152 : 221
+135 : 204
+118 : 187
+101 : 170
+84 : 153
+67 : 136
+50 : 119
+33 : 102
+16 : 85
+8 : 77
+4 : 73
+2 : 71
+1 : 70
±0 : 69
-1 : 68
-2 : 67
-4 : 65
-8 : 61
-18 : 51
-35 : 34
-52 : 17
-69 : 0
青
+166 : 255
+149 : 238
+132 : 221
+115 : 204
+98 : 187
+81 : 170
+64 : 153
+47 : 136
+30 : 119
+13 : 102
+8 : 97
+4 : 93
+2 : 91
+1 : 90
±0 : 89
-1 : 88
-2 : 87
-4 : 85
-8 : 81
-21 : 68
-38 : 51
-55 : 34
-72 : 17
-89 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000