#39f365
RGB
赤 | 57 |
---|---|
緑 | 243 |
青 | 101 |
HSL
色相 | 134° |
---|---|
彩度 | 89% |
明度 | 59% |
輝度 | 67% |
3桁の色
補色
反転色
RGB ( 赤 = 57, 緑 = 243, 青 = 101 )
HSL ( 色相 = 134°, 彩度 = 89%, 明度 = 59% )
H : 色相 ( 134° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #f34639 : -130
14 : #f36539 : -120
24 : #f38439 : -110
34 : #f3a339 : -100
44 : #f3c239 : -90
54 : #f3e139 : -80
64 : #e7f339 : -70
74 : #c8f339 : -60
84 : #a9f339 : -50
94 : #8af339 : -40
104 : #6bf339 : -30
114 : #4cf339 : -20
124 : #39f346 : -10
134 : #39f365 : ±0
144 : #39f384 : +10
154 : #39f3a3 : +20
164 : #39f3c2 : +30
174 : #39f3e1 : +40
184 : #39e7f3 : +50
194 : #39c8f3 : +60
204 : #39a9f3 : +70
214 : #398af3 : +80
224 : #396bf3 : +90
234 : #394cf3 : +100
244 : #4639f3 : +110
254 : #6539f3 : +120
264 : #8439f3 : +130
274 : #a339f3 : +140
284 : #c239f3 : +150
294 : #e139f3 : +160
304 : #f339e7 : +170
314 : #f339c8 : +180
324 : #f339a9 : +190
334 : #f3398a : +200
344 : #f3396b : +210
354 : #f3394c : +220
124 : #39f346 : -10
125 : #39f349 : -9
126 : #39f34c : -8
127 : #39f34f : -7
128 : #39f352 : -6
129 : #39f355 : -5
130 : #39f358 : -4
131 : #39f35c : -3
132 : #39f35f : -2
133 : #39f362 : -1
134 : #39f365 : ±0
135 : #39f368 : +1
136 : #39f36b : +2
137 : #39f36e : +3
138 : #39f371 : +4
139 : #39f374 : +5
140 : #39f377 : +6
141 : #39f37b : +7
142 : #39f37e : +8
143 : #39f381 : +9
144 : #39f384 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #959796 : -88
3 : #939a95 : -86
5 : #919c94 : -84
7 : #8f9e93 : -82
9 : #8da091 : -80
11 : #8ba290 : -78
13 : #89a48f : -76
15 : #87a68e : -74
17 : #85a88d : -72
19 : #83aa8c : -70
21 : #80ac8b : -68
23 : #7eae8a : -66
25 : #7cb189 : -64
27 : #7ab387 : -62
29 : #78b586 : -60
31 : #76b785 : -58
33 : #74b984 : -56
35 : #72bb83 : -54
37 : #70bd82 : -52
39 : #6ebf81 : -50
41 : #6cc180 : -48
43 : #69c37e : -46
45 : #67c57d : -44
47 : #65c87c : -42
49 : #63ca7b : -40
51 : #61cc7a : -38
53 : #5fce79 : -36
55 : #5dd078 : -34
57 : #5bd277 : -32
59 : #59d476 : -30
61 : #57d674 : -28
63 : #55d873 : -26
65 : #52da72 : -24
67 : #50dc71 : -22
69 : #4edf70 : -20
71 : #4ce16f : -18
73 : #4ae36e : -16
75 : #48e56d : -14
77 : #46e76c : -12
79 : #44e96a : -10
81 : #42eb69 : -8
83 : #40ed68 : -6
85 : #3eef67 : -4
87 : #3bf166 : -2
89 : #39f365 : ±0
91 : #37f664 : +2
93 : #35f863 : +4
95 : #33fa61 : +6
97 : #31fc60 : +8
99 : #2ffe5f : +10
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #000501 : -58
3 : #010e04 : -56
5 : #011807 : -54
7 : #022209 : -52
9 : #032b0c : -50
11 : #03350f : -48
13 : #043f11 : -46
15 : #044814 : -44
17 : #055217 : -42
19 : #055c19 : -40
21 : #06651c : -38
23 : #066f1f : -36
25 : #077821 : -34
27 : #088224 : -32
29 : #088c27 : -30
31 : #09952a : -28
33 : #099f2c : -26
35 : #0aa92f : -24
37 : #0ab232 : -22
39 : #0bbc34 : -20
41 : #0cc637 : -18
43 : #0ccf3a : -16
45 : #0dd93c : -14
47 : #0de33f : -12
49 : #0eec42 : -10
51 : #13f147 : -8
53 : #1cf24e : -6
55 : #26f256 : -4
57 : #30f35d : -2
59 : #39f365 : ±0
61 : #43f46c : +2
63 : #4df574 : +4
65 : #56f57b : +6
67 : #60f683 : +8
69 : #6af68a : +10
71 : #73f792 : +12
73 : #7df799 : +14
75 : #87f8a1 : +16
77 : #90f9a9 : +18
79 : #9af9b0 : +20
81 : #a3fab8 : +22
83 : #adfabf : +24
85 : #b7fbc7 : +26
87 : #c0fbce : +28
89 : #cafcd6 : +30
91 : #d4fcdd : +32
93 : #ddfde5 : +34
95 : #e7feec : +36
97 : #f1fef4 : +38
99 : #fafffb : +40
CSS入門、作ってます。
text-shadow