#61afcc
RGB
赤 | 97 |
---|---|
緑 | 175 |
青 | 204 |
HSL
色相 | 196° |
---|---|
彩度 | 51% |
明度 | 59% |
輝度 | 61% |
3桁の色
補色
反転色
RGB ( 赤 = 97, 緑 = 175, 青 = 204 )
HSL ( 色相 = 196°, 彩度 = 51%, 明度 = 59% )
H : 色相 ( 196° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #cc6c61 : -190
16 : #cc7e61 : -180
26 : #cc8f61 : -170
36 : #cca161 : -160
46 : #ccb361 : -150
56 : #ccc561 : -140
66 : #c1cc61 : -130
76 : #afcc61 : -120
86 : #9ecc61 : -110
96 : #8ccc61 : -100
106 : #7acc61 : -90
116 : #68cc61 : -80
126 : #61cc6c : -70
136 : #61cc7e : -60
146 : #61cc8f : -50
156 : #61cca1 : -40
166 : #61ccb3 : -30
176 : #61ccc5 : -20
186 : #61c1cc : -10
196 : #61afcc : ±0
206 : #619ecc : +10
216 : #618ccc : +20
226 : #617acc : +30
236 : #6168cc : +40
246 : #6c61cc : +50
256 : #7e61cc : +60
266 : #8f61cc : +70
276 : #a161cc : +80
286 : #b361cc : +90
296 : #c561cc : +100
306 : #cc61c1 : +110
316 : #cc61af : +120
326 : #cc619e : +130
336 : #cc618c : +140
346 : #cc617a : +150
356 : #cc6168 : +160
186 : #61c1cc : -10
187 : #61bfcc : -9
188 : #61becc : -8
189 : #61bccc : -7
190 : #61bacc : -6
191 : #61b8cc : -5
192 : #61b6cc : -4
193 : #61b5cc : -3
194 : #61b3cc : -2
195 : #61b1cc : -1
196 : #61afcc : ±0
197 : #61aecc : +1
198 : #61accc : +2
199 : #61aacc : +3
200 : #61a8cc : +4
201 : #61a6cc : +5
202 : #61a5cc : +6
203 : #61a3cc : +7
204 : #61a1cc : +8
205 : #619fcc : +9
206 : #619ecc : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #959797 : -50
3 : #93989a : -48
5 : #91999c : -46
7 : #8f9a9e : -44
9 : #8d9ba0 : -42
11 : #8b9ca2 : -40
13 : #899da4 : -38
15 : #879ea6 : -36
17 : #859fa8 : -34
19 : #83a0aa : -32
21 : #80a1ac : -30
23 : #7ea2ae : -28
25 : #7ca3b1 : -26
27 : #7aa4b3 : -24
29 : #78a5b5 : -22
31 : #76a6b7 : -20
33 : #74a7b9 : -18
35 : #72a8bb : -16
37 : #70a9bd : -14
39 : #6ea9bf : -12
41 : #6caac1 : -10
43 : #69abc3 : -8
45 : #67acc5 : -6
47 : #65adc8 : -4
49 : #63aeca : -2
51 : #61afcc : ±0
53 : #5fb0ce : +2
55 : #5db1d0 : +4
57 : #5bb2d2 : +6
59 : #59b3d4 : +8
61 : #57b4d6 : +10
63 : #55b5d8 : +12
65 : #52b6da : +14
67 : #50b7dc : +16
69 : #4eb8df : +18
71 : #4cb9e1 : +20
73 : #4abae3 : +22
75 : #48bbe5 : +24
77 : #46bce7 : +26
79 : #44bde9 : +28
81 : #42beeb : +30
83 : #40bfed : +32
85 : #3ec0ef : +34
87 : #3bc1f1 : +36
89 : #39c2f3 : +38
91 : #37c3f6 : +40
93 : #35c4f8 : +42
95 : #33c5fa : +44
97 : #31c6fc : +46
99 : #2fc7fe : +48
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -58
3 : #04090c : -56
5 : #061013 : -54
7 : #09161b : -52
9 : #0b1c23 : -50
11 : #0e232a : -48
13 : #102932 : -46
15 : #132f3a : -44
17 : #153641 : -42
19 : #183c49 : -40
21 : #1a4251 : -38
23 : #1d4959 : -36
25 : #1f4f60 : -34
27 : #225568 : -32
29 : #245c70 : -30
31 : #276277 : -28
33 : #29687f : -26
35 : #2c6e87 : -24
37 : #2e758e : -22
39 : #317b96 : -20
41 : #33819e : -18
43 : #3688a6 : -16
45 : #388ead : -14
47 : #3b94b5 : -12
49 : #3d9bbd : -10
51 : #42a0c2 : -8
53 : #4aa4c4 : -6
55 : #52a8c7 : -4
57 : #59abc9 : -2
59 : #61afcc : ±0
61 : #69b3ce : +2
63 : #71b7d1 : +4
65 : #78bbd3 : +6
67 : #80bfd6 : +8
69 : #88c3d8 : +10
71 : #8fc7db : +12
73 : #97cbdd : +14
75 : #9fcee0 : +16
77 : #a6d2e2 : +18
79 : #aed6e5 : +20
81 : #b6dae7 : +22
83 : #bedeea : +24
85 : #c5e2ec : +26
87 : #cde6ef : +28
89 : #d5eaf1 : +30
91 : #dceef4 : +32
93 : #e4f1f6 : +34
95 : #ecf5f9 : +36
97 : #f3f9fb : +38
99 : #fbfdfe : +40
CSS入門、作ってます。
text-shadow