色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#d669c0
データ
赤
214
緑
105
青
192
色相
312°
白
41%
黒
16%
彩度
57%
明度
63%
輝度
58%
色調 = 柔らかい
色相 = 312°
3桁
#e7c
#e7b
#e7a
#e6c
#e6b
#e6a
#e5c
#e5b
#e5a
#d7c
#d7b
#d7a
#d6c
#d6b
#d6a
#d5c
#d5b
#d5a
#c7c
#c7b
#c7a
#c6c
#c6b
#c6a
#c5c
#c5b
#c5a
名前付き
orchid
mediumorchid
hotpink
palevioletred
violet
plum
rosybrown
mediumpurple
lightcoral
darkgray
darkorchid
darksalmon
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-300 : 12
-285 : 27
-270 : 42
-255 : 57
-240 : 72
-225 : 87
-210 : 102
-195 : 117
-180 : 132
-165 : 147
-150 : 162
-135 : 177
-120 : 192
-105 : 207
-90 : 222
-75 : 237
-60 : 252
-45 : 267
-30 : 282
-15 : 297
-10 : 302
-5 : 307
-2 : 310
±0 : 312
+2 : 314
+5 : 317
+10 : 322
+15 : 327
+30 : 342
+45 : 357
彩度
+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
明度
+37 : 100
+33 : 96
+29 : 92
+25 : 88
+21 : 84
+17 : 80
+13 : 76
+9 : 72
+5 : 68
+3 : 66
+2 : 65
+1 : 64
±0 : 63
-2 : 61
-3 : 60
-7 : 56
-11 : 52
-13 : 50
-15 : 48
-19 : 44
-23 : 40
-27 : 36
-31 : 32
-35 : 28
-39 : 24
-43 : 20
-47 : 16
-51 : 12
-55 : 8
-59 : 4
-63 : 0
白
-41 : 0
-37 : 4
-33 : 8
-29 : 12
-25 : 16
-21 : 20
-17 : 24
-13 : 28
-9 : 32
-5 : 36
-3 : 38
-2 : 39
-1 : 40
±0 : 41
+2 : 43
+3 : 44
+7 : 48
+9 : 50
+11 : 52
+15 : 56
+19 : 60
+23 : 64
+27 : 68
+31 : 72
+35 : 76
+39 : 80
+43 : 84
+47 : 88
+51 : 92
+55 : 96
+59 : 100
黒
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
赤
+41 : 255
+24 : 238
+8 : 222
+7 : 221
+4 : 218
+2 : 216
+1 : 215
±0 : 214
-1 : 213
-2 : 212
-4 : 210
-8 : 206
-10 : 204
-27 : 187
-44 : 170
-61 : 153
-78 : 136
-95 : 119
-112 : 102
-129 : 85
-146 : 68
-163 : 51
-180 : 34
-197 : 17
-214 : 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
青
+63 : 255
+46 : 238
+29 : 221
+12 : 204
+8 : 200
+4 : 196
+2 : 194
+1 : 193
±0 : 192
-1 : 191
-2 : 190
-4 : 188
-5 : 187
-8 : 184
-22 : 170
-39 : 153
-56 : 136
-73 : 119
-90 : 102
-107 : 85
-124 : 68
-141 : 51
-158 : 34
-175 : 17
-192 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000