色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#e62dcb
データ
赤
230
緑
45
青
203
色相
309°
白
18%
黒
10%
彩度
79%
明度
54%
輝度
46%
色調 = 強い
色相 = 309°
3桁
#f4d
#f4c
#f4b
#f3d
#f3c
#f3b
#f2d
#f2c
#f2b
#e4d
#e4c
#e4b
#e3d
#e3c
#e3b
#e2d
#e2c
#e2b
#d4d
#d4c
#d4b
#d3d
#d3c
#d3b
#d2d
#d2c
#d2b
名前付き
mediumorchid
deeppink
hotpink
orchid
fuchsia
darkorchid
mediumvioletred
palevioletred
violet
darkviolet
blueviolet
mediumpurple
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-300 : 9
-285 : 24
-270 : 39
-255 : 54
-240 : 69
-225 : 84
-210 : 99
-195 : 114
-180 : 129
-165 : 144
-150 : 159
-135 : 174
-120 : 189
-105 : 204
-90 : 219
-75 : 234
-60 : 249
-45 : 264
-30 : 279
-15 : 294
-10 : 299
-5 : 304
-2 : 307
±0 : 309
+2 : 311
+5 : 314
+10 : 319
+15 : 324
+30 : 339
+45 : 354
彩度
+21 : 100
+17 : 96
+13 : 92
+9 : 88
+5 : 84
+3 : 82
+2 : 81
+1 : 80
±0 : 79
-2 : 77
-3 : 76
-7 : 72
-11 : 68
-15 : 64
-19 : 60
-23 : 56
-27 : 52
-29 : 50
-31 : 48
-35 : 44
-39 : 40
-43 : 36
-47 : 32
-51 : 28
-55 : 24
-59 : 20
-63 : 16
-67 : 12
-71 : 8
-75 : 4
-79 : 0
明度
+46 : 100
+42 : 96
+38 : 92
+34 : 88
+30 : 84
+26 : 80
+22 : 76
+18 : 72
+14 : 68
+10 : 64
+6 : 60
+3 : 57
+2 : 56
±0 : 54
-2 : 52
-3 : 51
-4 : 50
-6 : 48
-10 : 44
-14 : 40
-18 : 36
-22 : 32
-26 : 28
-30 : 24
-34 : 20
-38 : 16
-42 : 12
-46 : 8
-50 : 4
-54 : 0
白
-18 : 0
-14 : 4
-10 : 8
-6 : 12
-3 : 15
-2 : 16
±0 : 18
+2 : 20
+3 : 21
+6 : 24
+10 : 28
+14 : 32
+18 : 36
+22 : 40
+26 : 44
+30 : 48
+32 : 50
+34 : 52
+38 : 56
+42 : 60
+46 : 64
+50 : 68
+54 : 72
+58 : 76
+62 : 80
+66 : 84
+70 : 88
+74 : 92
+78 : 96
+82 : 100
黒
-10 : 0
-6 : 4
-3 : 7
-2 : 8
±0 : 10
+2 : 12
+3 : 13
+6 : 16
+10 : 20
+14 : 24
+18 : 28
+22 : 32
+26 : 36
+30 : 40
+34 : 44
+38 : 48
+40 : 50
+42 : 52
+46 : 56
+50 : 60
+54 : 64
+58 : 68
+62 : 72
+66 : 76
+70 : 80
+74 : 84
+78 : 88
+82 : 92
+86 : 96
+90 : 100
赤
+25 : 255
+8 : 238
+4 : 234
+2 : 232
+1 : 231
±0 : 230
-1 : 229
-2 : 228
-4 : 226
-8 : 222
-9 : 221
-26 : 204
-43 : 187
-60 : 170
-77 : 153
-94 : 136
-111 : 119
-128 : 102
-145 : 85
-162 : 68
-179 : 51
-196 : 34
-213 : 17
-230 : 0
緑
+210 : 255
+193 : 238
+176 : 221
+159 : 204
+142 : 187
+125 : 170
+108 : 153
+91 : 136
+74 : 119
+57 : 102
+40 : 85
+23 : 68
+8 : 53
+6 : 51
+4 : 49
+2 : 47
+1 : 46
±0 : 45
-1 : 44
-2 : 43
-4 : 41
-8 : 37
-11 : 34
-28 : 17
-45 : 0
青
+52 : 255
+35 : 238
+18 : 221
+8 : 211
+4 : 207
+2 : 205
+1 : 204
±0 : 203
-1 : 202
-2 : 201
-4 : 199
-8 : 195
-16 : 187
-33 : 170
-50 : 153
-67 : 136
-84 : 119
-101 : 102
-118 : 85
-135 : 68
-152 : 51
-169 : 34
-186 : 17
-203 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000