色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#f157ea
データ
赤
241
緑
87
青
234
色相
303°
白
34%
黒
5%
彩度
85%
明度
64%
輝度
59%
色調 = 輝かしい
色相 = 303°
3桁
#f6f
#f6e
#f6d
#f5f
#f5e
#f5d
#f4f
#f4e
#f4d
#e6f
#e6e
#e6d
#e5f
#e5e
#e5d
#e4f
#e4e
#e4d
#d6f
#d6e
#d6d
#d5f
#d5e
#d5d
#d4f
#d4e
#d4d
名前付き
orchid
violet
hotpink
mediumorchid
plum
fuchsia
palevioletred
mediumpurple
darkorchid
lightpink
thistle
pink
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-300 : 3
-285 : 18
-270 : 33
-255 : 48
-240 : 63
-225 : 78
-210 : 93
-195 : 108
-180 : 123
-165 : 138
-150 : 153
-135 : 168
-120 : 183
-105 : 198
-90 : 213
-75 : 228
-60 : 243
-45 : 258
-30 : 273
-15 : 288
-10 : 293
-5 : 298
-2 : 301
±0 : 303
+2 : 305
+5 : 308
+10 : 313
+15 : 318
+30 : 333
+45 : 348
彩度
+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
明度
+36 : 100
+32 : 96
+28 : 92
+24 : 88
+20 : 84
+16 : 80
+12 : 76
+8 : 72
+4 : 68
+3 : 67
+2 : 66
±0 : 64
-2 : 62
-3 : 61
-4 : 60
-8 : 56
-12 : 52
-14 : 50
-16 : 48
-20 : 44
-24 : 40
-28 : 36
-32 : 32
-36 : 28
-40 : 24
-44 : 20
-48 : 16
-52 : 12
-56 : 8
-60 : 4
-64 : 0
白
-34 : 0
-30 : 4
-26 : 8
-22 : 12
-18 : 16
-14 : 20
-10 : 24
-6 : 28
-3 : 31
-2 : 32
±0 : 34
+2 : 36
+3 : 37
+6 : 40
+10 : 44
+14 : 48
+16 : 50
+18 : 52
+22 : 56
+26 : 60
+30 : 64
+34 : 68
+38 : 72
+42 : 76
+46 : 80
+50 : 84
+54 : 88
+58 : 92
+62 : 96
+66 : 100
黒
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
赤
+14 : 255
+8 : 249
+4 : 245
+2 : 243
+1 : 242
±0 : 241
-1 : 240
-2 : 239
-3 : 238
-4 : 237
-8 : 233
-20 : 221
-37 : 204
-54 : 187
-71 : 170
-88 : 153
-105 : 136
-122 : 119
-139 : 102
-156 : 85
-173 : 68
-190 : 51
-207 : 34
-224 : 17
-241 : 0
緑
+168 : 255
+151 : 238
+134 : 221
+117 : 204
+100 : 187
+83 : 170
+66 : 153
+49 : 136
+32 : 119
+15 : 102
+8 : 95
+4 : 91
+2 : 89
+1 : 88
±0 : 87
-1 : 86
-2 : 85
-4 : 83
-8 : 79
-19 : 68
-36 : 51
-53 : 34
-70 : 17
-87 : 0
青
+21 : 255
+8 : 242
+4 : 238
+2 : 236
+1 : 235
±0 : 234
-1 : 233
-2 : 232
-4 : 230
-8 : 226
-13 : 221
-30 : 204
-47 : 187
-64 : 170
-81 : 153
-98 : 136
-115 : 119
-132 : 102
-149 : 85
-166 : 68
-183 : 51
-200 : 34
-217 : 17
-234 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000