色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#17536b
データ
赤
23
緑
83
青
107
色相
197°
白
9%
黒
58%
彩度
65%
明度
25%
輝度
27%
色調 = 深い
色相 = 197°
3桁
#267
#266
#265
#257
#256
#255
#247
#246
#245
#167
#166
#165
#157
#156
#155
#147
#146
#145
#067
#066
#065
#057
#056
#055
#047
#046
#045
名前付き
darkslategray
teal
midnightblue
darkslateblue
seagreen
darkcyan
dimgray
navy
darkolivegreen
darkblue
forestgreen
rebeccapurple
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-195 : 2
-180 : 17
-165 : 32
-150 : 47
-135 : 62
-120 : 77
-105 : 92
-90 : 107
-75 : 122
-60 : 137
-45 : 152
-30 : 167
-15 : 182
-10 : 187
-5 : 192
-2 : 195
±0 : 197
+2 : 199
+5 : 202
+10 : 207
+15 : 212
+30 : 227
+45 : 242
+60 : 257
+75 : 272
+90 : 287
+105 : 302
+120 : 317
+135 : 332
+150 : 347
彩度
+35 : 100
+31 : 96
+27 : 92
+23 : 88
+19 : 84
+15 : 80
+11 : 76
+7 : 72
+3 : 68
+2 : 67
±0 : 65
-1 : 64
-2 : 63
-3 : 62
-5 : 60
-9 : 56
-13 : 52
-15 : 50
-17 : 48
-21 : 44
-25 : 40
-29 : 36
-33 : 32
-37 : 28
-41 : 24
-45 : 20
-49 : 16
-53 : 12
-57 : 8
-61 : 4
-65 : 0
明度
+75 : 100
+71 : 96
+67 : 92
+63 : 88
+59 : 84
+55 : 80
+51 : 76
+47 : 72
+43 : 68
+39 : 64
+35 : 60
+31 : 56
+27 : 52
+25 : 50
+23 : 48
+19 : 44
+15 : 40
+11 : 36
+7 : 32
+3 : 28
+2 : 27
±0 : 25
-1 : 24
-2 : 23
-3 : 22
-5 : 20
-9 : 16
-13 : 12
-17 : 8
-21 : 4
-25 : 0
白
-9 : 0
-5 : 4
-3 : 6
-2 : 7
-1 : 8
±0 : 9
+2 : 11
+3 : 12
+7 : 16
+11 : 20
+15 : 24
+19 : 28
+23 : 32
+27 : 36
+31 : 40
+35 : 44
+39 : 48
+41 : 50
+43 : 52
+47 : 56
+51 : 60
+55 : 64
+59 : 68
+63 : 72
+67 : 76
+71 : 80
+75 : 84
+79 : 88
+83 : 92
+87 : 96
+91 : 100
黒
-58 : 0
-54 : 4
-50 : 8
-46 : 12
-42 : 16
-38 : 20
-34 : 24
-30 : 28
-26 : 32
-22 : 36
-18 : 40
-14 : 44
-10 : 48
-8 : 50
-6 : 52
-3 : 55
-2 : 56
±0 : 58
+2 : 60
+3 : 61
+6 : 64
+10 : 68
+14 : 72
+18 : 76
+22 : 80
+26 : 84
+30 : 88
+34 : 92
+38 : 96
+42 : 100
赤
+232 : 255
+215 : 238
+198 : 221
+181 : 204
+164 : 187
+147 : 170
+130 : 153
+113 : 136
+96 : 119
+79 : 102
+62 : 85
+45 : 68
+28 : 51
+11 : 34
+8 : 31
+4 : 27
+2 : 25
+1 : 24
±0 : 23
-1 : 22
-2 : 21
-4 : 19
-6 : 17
-8 : 15
-23 : 0
緑
+172 : 255
+155 : 238
+138 : 221
+121 : 204
+104 : 187
+87 : 170
+70 : 153
+53 : 136
+36 : 119
+19 : 102
+8 : 91
+4 : 87
+2 : 85
+1 : 84
±0 : 83
-1 : 82
-2 : 81
-4 : 79
-8 : 75
-15 : 68
-32 : 51
-49 : 34
-66 : 17
-83 : 0
青
+148 : 255
+131 : 238
+114 : 221
+97 : 204
+80 : 187
+63 : 170
+46 : 153
+29 : 136
+12 : 119
+8 : 115
+4 : 111
+2 : 109
+1 : 108
±0 : 107
-1 : 106
-2 : 105
-4 : 103
-5 : 102
-8 : 99
-22 : 85
-39 : 68
-56 : 51
-73 : 34
-90 : 17
-107 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000