色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#35c19b
データ
赤
53
緑
193
青
155
色相
164°
白
21%
黒
24%
彩度
57%
明度
48%
輝度
58%
色調 = 鈍い
色相 = 164°
3桁
#4ca
#4c9
#4c8
#4ba
#4b9
#4b8
#4aa
#4a9
#4a8
#3ca
#3c9
#3c8
#3ba
#3b9
#3b8
#3aa
#3a9
#3a8
#2ca
#2c9
#2c8
#2ba
#2b9
#2b8
#2aa
#2a9
#2a8
名前付き
lightseagreen
mediumseagreen
mediumaquamarine
cadetblue
mediumturquoise
turquoise
steelblue
darkturquoise
darkcyan
mediumspringgreen
springgreen
seagreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-150 : 14
-135 : 29
-120 : 44
-105 : 59
-90 : 74
-75 : 89
-60 : 104
-45 : 119
-30 : 134
-15 : 149
-10 : 154
-5 : 159
-2 : 162
±0 : 164
+2 : 166
+5 : 169
+10 : 174
+15 : 179
+30 : 194
+45 : 209
+60 : 224
+75 : 239
+90 : 254
+105 : 269
+120 : 284
+135 : 299
+150 : 314
+165 : 329
+180 : 344
+195 : 359
彩度
+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
明度
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
白
-21 : 0
-17 : 4
-13 : 8
-9 : 12
-5 : 16
-3 : 18
-2 : 19
-1 : 20
±0 : 21
+2 : 23
+3 : 24
+7 : 28
+11 : 32
+15 : 36
+19 : 40
+23 : 44
+27 : 48
+29 : 50
+31 : 52
+35 : 56
+39 : 60
+43 : 64
+47 : 68
+51 : 72
+55 : 76
+59 : 80
+63 : 84
+67 : 88
+71 : 92
+75 : 96
+79 : 100
黒
-24 : 0
-20 : 4
-16 : 8
-12 : 12
-8 : 16
-4 : 20
-3 : 21
-2 : 22
±0 : 24
+2 : 26
+3 : 27
+4 : 28
+8 : 32
+12 : 36
+16 : 40
+20 : 44
+24 : 48
+26 : 50
+28 : 52
+32 : 56
+36 : 60
+40 : 64
+44 : 68
+48 : 72
+52 : 76
+56 : 80
+60 : 84
+64 : 88
+68 : 92
+72 : 96
+76 : 100
赤
+202 : 255
+185 : 238
+168 : 221
+151 : 204
+134 : 187
+117 : 170
+100 : 153
+83 : 136
+66 : 119
+49 : 102
+32 : 85
+15 : 68
+8 : 61
+4 : 57
+2 : 55
+1 : 54
±0 : 53
-1 : 52
-2 : 51
-4 : 49
-8 : 45
-19 : 34
-36 : 17
-53 : 0
緑
+62 : 255
+45 : 238
+28 : 221
+11 : 204
+8 : 201
+4 : 197
+2 : 195
+1 : 194
±0 : 193
-1 : 192
-2 : 191
-4 : 189
-6 : 187
-8 : 185
-23 : 170
-40 : 153
-57 : 136
-74 : 119
-91 : 102
-108 : 85
-125 : 68
-142 : 51
-159 : 34
-176 : 17
-193 : 0
青
+100 : 255
+83 : 238
+66 : 221
+49 : 204
+32 : 187
+15 : 170
+8 : 163
+4 : 159
+2 : 157
+1 : 156
±0 : 155
-1 : 154
-2 : 153
-4 : 151
-8 : 147
-19 : 136
-36 : 119
-53 : 102
-70 : 85
-87 : 68
-104 : 51
-121 : 34
-138 : 17
-155 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000