#37f6d0
RGB
赤 | 55 |
---|---|
緑 | 246 |
青 | 208 |
HSL
色相 | 168° |
---|---|
彩度 | 91% |
明度 | 59% |
輝度 | 72% |
3桁の色
補色
反転色
RGB ( 赤 = 55, 緑 = 246, 青 = 208 )
HSL ( 色相 = 168°, 彩度 = 91%, 明度 = 59% )
H : 色相 ( 168° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #f65137 : -160
18 : #f67037 : -150
28 : #f69037 : -140
38 : #f6b037 : -130
48 : #f6d037 : -120
58 : #f6ef37 : -110
68 : #dcf637 : -100
78 : #bdf637 : -90
88 : #9df637 : -80
98 : #7df637 : -70
108 : #5df637 : -60
118 : #3ef637 : -50
128 : #37f651 : -40
138 : #37f670 : -30
148 : #37f690 : -20
158 : #37f6b0 : -10
168 : #37f6d0 : ±0
178 : #37f6ef : +10
188 : #37dcf6 : +20
198 : #37bdf6 : +30
208 : #379df6 : +40
218 : #377df6 : +50
228 : #375df6 : +60
238 : #373ef6 : +70
248 : #5137f6 : +80
258 : #7037f6 : +90
268 : #9037f6 : +100
278 : #b037f6 : +110
288 : #d037f6 : +120
298 : #ef37f6 : +130
308 : #f637dc : +140
318 : #f637bd : +150
328 : #f6379d : +160
338 : #f6377d : +170
348 : #f6375d : +180
358 : #f6373e : +190
158 : #37f6b0 : -10
159 : #37f6b3 : -9
160 : #37f6b6 : -8
161 : #37f6b9 : -7
162 : #37f6bd : -6
163 : #37f6c0 : -5
164 : #37f6c3 : -4
165 : #37f6c6 : -3
166 : #37f6c9 : -2
167 : #37f6cc : -1
168 : #37f6d0 : ±0
169 : #37f6d3 : +1
170 : #37f6d6 : +2
171 : #37f6d9 : +3
172 : #37f6dc : +4
173 : #37f6df : +5
174 : #37f6e3 : +6
175 : #37f6e6 : +7
176 : #37f6e9 : +8
177 : #37f6ec : +9
178 : #37f6ef : +10
S : 彩度 ( 91% )
(0%) 渋い ~ 鮮やか (100%)
1 : #959797 : -90
3 : #939a98 : -88
5 : #919c9a : -86
7 : #8f9e9b : -84
9 : #8da09c : -82
11 : #8ba29d : -80
13 : #89a49f : -78
15 : #87a6a0 : -76
17 : #85a8a1 : -74
19 : #83aaa2 : -72
21 : #80aca4 : -70
23 : #7eaea5 : -68
25 : #7cb1a6 : -66
27 : #7ab3a7 : -64
29 : #78b5a9 : -62
31 : #76b7aa : -60
33 : #74b9ab : -58
35 : #72bbac : -56
37 : #70bdae : -54
39 : #6ebfaf : -52
41 : #6cc1b0 : -50
43 : #69c3b1 : -48
45 : #67c5b3 : -46
47 : #65c8b4 : -44
49 : #63cab5 : -42
51 : #61ccb6 : -40
53 : #5fceb8 : -38
55 : #5dd0b9 : -36
57 : #5bd2ba : -34
59 : #59d4bb : -32
61 : #57d6bd : -30
63 : #55d8be : -28
65 : #52dabf : -26
67 : #50dcc0 : -24
69 : #4edfc2 : -22
71 : #4ce1c3 : -20
73 : #4ae3c4 : -18
75 : #48e5c5 : -16
77 : #46e7c7 : -14
79 : #44e9c8 : -12
81 : #42ebc9 : -10
83 : #40edcb : -8
85 : #3eefcc : -6
87 : #3bf1cd : -4
89 : #39f3ce : -2
91 : #37f6d0 : ±0
93 : #35f8d1 : +2
95 : #33fad2 : +4
97 : #31fcd3 : +6
99 : #2ffed5 : +8
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #000504 : -58
3 : #010f0c : -56
5 : #011814 : -54
7 : #02221c : -52
9 : #022c23 : -50
11 : #03362b : -48
13 : #033f33 : -46
15 : #03493b : -44
17 : #045343 : -42
19 : #045d4b : -40
21 : #056653 : -38
23 : #05705b : -36
25 : #067a63 : -34
27 : #06846a : -32
29 : #078d72 : -30
31 : #07977a : -28
33 : #08a182 : -26
35 : #08aa8a : -24
37 : #08b492 : -22
39 : #09be9a : -20
41 : #09c8a2 : -18
43 : #0ad1aa : -16
45 : #0adbb1 : -14
47 : #0be5b9 : -12
49 : #0befc1 : -10
51 : #10f4c6 : -8
53 : #1af4c9 : -6
55 : #24f5cb : -4
57 : #2ef5cd : -2
59 : #37f6d0 : ±0
61 : #41f6d2 : +2
63 : #4bf7d4 : +4
65 : #55f7d6 : +6
67 : #5ef7d9 : +8
69 : #68f8db : +10
71 : #72f8dd : +12
73 : #7bf9e0 : +14
75 : #85f9e2 : +16
77 : #8ffae4 : +18
79 : #99fae7 : +20
81 : #a2fbe9 : +22
83 : #acfbeb : +24
85 : #b6fcee : +26
87 : #c0fcf0 : +28
89 : #c9fcf2 : +30
91 : #d3fdf5 : +32
93 : #ddfdf7 : +34
95 : #e7fef9 : +36
97 : #f0fefc : +38
99 : #fafffe : +40
CSS入門、作ってます。
text-shadow