#39efe9
RGB
赤 | 57 |
---|---|
緑 | 239 |
青 | 233 |
HSL
色相 | 178° |
---|---|
彩度 | 85% |
明度 | 58% |
輝度 | 72% |
3桁の色
補色
反転色
RGB ( 赤 = 57, 緑 = 239, 青 = 233 )
HSL ( 色相 = 178°, 彩度 = 85%, 明度 = 58% )
H : 色相 ( 178° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ef5139 : -170
18 : #ef6f39 : -160
28 : #ef8e39 : -150
38 : #efac39 : -140
48 : #efcb39 : -130
58 : #efe939 : -120
68 : #d7ef39 : -110
78 : #b8ef39 : -100
88 : #9aef39 : -90
98 : #7cef39 : -80
108 : #5def39 : -70
118 : #3fef39 : -60
128 : #39ef51 : -50
138 : #39ef6f : -40
148 : #39ef8e : -30
158 : #39efac : -20
168 : #39efcb : -10
178 : #39efe9 : ±0
188 : #39d7ef : +10
198 : #39b8ef : +20
208 : #399aef : +30
218 : #397cef : +40
228 : #395def : +50
238 : #393fef : +60
248 : #5139ef : +70
258 : #6f39ef : +80
268 : #8e39ef : +90
278 : #ac39ef : +100
288 : #cb39ef : +110
298 : #e939ef : +120
308 : #ef39d7 : +130
318 : #ef39b8 : +140
328 : #ef399a : +150
338 : #ef397c : +160
348 : #ef395d : +170
358 : #ef393f : +180
168 : #39efcb : -10
169 : #39efce : -9
170 : #39efd1 : -8
171 : #39efd4 : -7
172 : #39efd7 : -6
173 : #39efda : -5
174 : #39efdd : -4
175 : #39efe0 : -3
176 : #39efe3 : -2
177 : #39efe6 : -1
178 : #39efe9 : ±0
179 : #39efec : +1
180 : #39efef : +2
181 : #39ecef : +3
182 : #39e9ef : +4
183 : #39e6ef : +5
184 : #39e3ef : +6
185 : #39e0ef : +7
186 : #39ddef : +8
187 : #39daef : +9
188 : #39d7ef : +10
S : 彩度 ( 85% )
(0%) 渋い ~ 鮮やか (100%)
1 : #939595 : -84
3 : #919797 : -82
5 : #8f9999 : -80
7 : #8c9b9b : -78
9 : #8a9e9d : -76
11 : #88a09f : -74
13 : #86a2a1 : -72
15 : #84a4a3 : -70
17 : #82a6a5 : -68
19 : #80a8a7 : -66
21 : #7daaa9 : -64
23 : #7badab : -62
25 : #79afad : -60
27 : #77b1af : -58
29 : #75b3b1 : -56
31 : #73b5b3 : -54
33 : #71b7b5 : -52
35 : #6eb9b7 : -50
37 : #6cbcb9 : -48
39 : #6abebb : -46
41 : #68c0bd : -44
43 : #66c2bf : -42
45 : #64c4c1 : -40
47 : #62c6c3 : -38
49 : #5fc8c5 : -36
51 : #5dcbc7 : -34
53 : #5bcdc9 : -32
55 : #59cfcb : -30
57 : #57d1cd : -28
59 : #55d3cf : -26
61 : #53d5d1 : -24
63 : #50d7d3 : -22
65 : #4edad5 : -20
67 : #4cdcd7 : -18
69 : #4aded9 : -16
71 : #48e0db : -14
73 : #46e2dd : -12
75 : #44e4df : -10
77 : #41e6e1 : -8
79 : #3fe9e3 : -6
81 : #3debe5 : -4
83 : #3bede7 : -2
85 : #39efe9 : ±0
87 : #37f1eb : +2
89 : #35f3ed : +4
91 : #32f5ef : +6
93 : #30f8f1 : +8
95 : #2efaf3 : +10
97 : #2cfcf5 : +12
99 : #2afef7 : +14
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #010909 : -56
4 : #021312 : -54
6 : #021c1b : -52
8 : #032625 : -50
10 : #042f2e : -48
12 : #053937 : -46
14 : #054240 : -44
16 : #064b49 : -42
18 : #075552 : -40
20 : #085e5b : -38
22 : #086865 : -36
24 : #09716e : -34
26 : #0a7b77 : -32
28 : #0b8480 : -30
30 : #0b8e89 : -28
32 : #0c9792 : -26
34 : #0da09b : -24
36 : #0eaaa5 : -22
38 : #0fb3ae : -20
40 : #0fbdb7 : -18
42 : #10c6c0 : -16
44 : #11d0c9 : -14
46 : #12d9d2 : -12
48 : #12e2dc : -10
50 : #13ece5 : -8
52 : #1dede6 : -6
54 : #26ede7 : -4
56 : #2feee8 : -2
58 : #39efe9 : ±0
60 : #42f0ea : +2
62 : #4cf0eb : +4
64 : #55f1ec : +6
66 : #5ff2ed : +8
68 : #68f3ee : +10
70 : #71f4ef : +12
72 : #7bf4f0 : +14
74 : #84f5f1 : +16
76 : #8ef6f2 : +18
78 : #97f7f3 : +20
80 : #a1f7f4 : +22
82 : #aaf8f6 : +24
84 : #b4f9f7 : +26
86 : #bdfaf8 : +28
88 : #c6faf9 : +30
90 : #d0fbfa : +32
92 : #d9fcfb : +34
94 : #e3fdfc : +36
96 : #ecfdfd : +38
98 : #f6fefe : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow