#1bfe39
RGB
赤 | 27 |
---|---|
緑 | 254 |
青 | 57 |
HSL
色相 | 128° |
---|---|
彩度 | 99% |
明度 | 55% |
輝度 | 64% |
3桁の色
補色
反転色
RGB ( 赤 = 27, 緑 = 254, 青 = 57 )
HSL ( 色相 = 128°, 彩度 = 99%, 明度 = 55% )
H : 色相 ( 128° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #fe391b : -120
18 : #fe5f1b : -110
28 : #fe851b : -100
38 : #feab1b : -90
48 : #fed01b : -80
58 : #fef61b : -70
68 : #e0fe1b : -60
78 : #bafe1b : -50
88 : #94fe1b : -40
98 : #6efe1b : -30
108 : #48fe1b : -20
118 : #22fe1b : -10
128 : #1bfe39 : ±0
138 : #1bfe5f : +10
148 : #1bfe85 : +20
158 : #1bfeab : +30
168 : #1bfed0 : +40
178 : #1bfef6 : +50
188 : #1be0fe : +60
198 : #1bbafe : +70
208 : #1b94fe : +80
218 : #1b6efe : +90
228 : #1b48fe : +100
238 : #1b22fe : +110
248 : #391bfe : +120
258 : #5f1bfe : +130
268 : #851bfe : +140
278 : #ab1bfe : +150
288 : #d01bfe : +160
298 : #f61bfe : +170
308 : #fe1be0 : +180
318 : #fe1bba : +190
328 : #fe1b94 : +200
338 : #fe1b6e : +210
348 : #fe1b48 : +220
358 : #fe1b22 : +230
118 : #22fe1b : -10
119 : #1efe1b : -9
120 : #1bfe1b : -8
121 : #1bfe1e : -7
122 : #1bfe22 : -6
123 : #1bfe26 : -5
124 : #1bfe2a : -4
125 : #1bfe2e : -3
126 : #1bfe31 : -2
127 : #1bfe35 : -1
128 : #1bfe39 : ±0
129 : #1bfe3d : +1
130 : #1bfe41 : +2
131 : #1bfe44 : +3
132 : #1bfe48 : +4
133 : #1bfe4c : +5
134 : #1bfe50 : +6
135 : #1bfe53 : +7
136 : #1bfe57 : +8
137 : #1bfe5b : +9
138 : #1bfe5f : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8b8d8b : -98
3 : #89908a : -96
5 : #879288 : -94
7 : #849486 : -92
9 : #829785 : -90
11 : #809983 : -88
13 : #7d9b81 : -86
15 : #7b9d80 : -84
17 : #79a07e : -82
19 : #76a27c : -80
21 : #74a47b : -78
23 : #72a779 : -76
25 : #70a977 : -74
27 : #6dab76 : -72
29 : #6bae74 : -70
31 : #69b072 : -68
33 : #66b270 : -66
35 : #64b46f : -64
37 : #62b76d : -62
39 : #5fb96b : -60
41 : #5dbb6a : -58
43 : #5bbe68 : -56
45 : #59c066 : -54
47 : #56c265 : -52
49 : #54c463 : -50
51 : #52c761 : -48
53 : #4fc960 : -46
55 : #4dcb5e : -44
57 : #4bce5c : -42
59 : #49d05b : -40
61 : #46d259 : -38
63 : #44d557 : -36
65 : #42d756 : -34
67 : #3fd954 : -32
69 : #3ddb52 : -30
71 : #3bde51 : -28
73 : #38e04f : -26
75 : #36e24d : -24
77 : #34e54b : -22
79 : #32e74a : -20
81 : #2fe948 : -18
83 : #2deb46 : -16
85 : #2bee45 : -14
87 : #28f043 : -12
89 : #26f241 : -10
91 : #24f540 : -8
93 : #22f73e : -6
95 : #1ff93c : -4
97 : #1dfc3b : -2
99 : #1bfe39 : ±0
L : 明度 ( 55% )
(0%) 暗い ~ 明るい (100%)
1 : #000501 : -54
3 : #000f02 : -52
5 : #001903 : -50
7 : #002405 : -48
9 : #002e06 : -46
11 : #003808 : -44
13 : #004209 : -42
15 : #004c0a : -40
17 : #00560c : -38
19 : #00600d : -36
21 : #016b0f : -34
23 : #017510 : -32
25 : #017f11 : -30
27 : #018913 : -28
29 : #019314 : -26
31 : #019d16 : -24
33 : #01a717 : -22
35 : #01b218 : -20
37 : #01bc1a : -18
39 : #01c61b : -16
41 : #01d01d : -14
43 : #01da1e : -12
45 : #01e41f : -10
47 : #01ef21 : -8
49 : #01f922 : -6
51 : #06fe27 : -4
53 : #10fe30 : -2
55 : #1bfe39 : ±0
57 : #25fe42 : +2
59 : #2ffe4b : +4
61 : #39fe53 : +6
63 : #43fe5c : +8
65 : #4dfe65 : +10
67 : #58fe6e : +12
69 : #62fe77 : +14
71 : #6cfe7f : +16
73 : #76fe88 : +18
75 : #80fe91 : +20
77 : #8afe9a : +22
79 : #94fea3 : +24
81 : #9fffab : +26
83 : #a9ffb4 : +28
85 : #b3ffbd : +30
87 : #bdffc6 : +32
89 : #c7ffcf : +34
91 : #d1ffd7 : +36
93 : #dbffe0 : +38
95 : #e6ffe9 : +40
97 : #f0fff2 : +42
99 : #fafffb : +44
CSS入門、作ってます。
text-shadow