#09fb45
RGB
赤 | 9 |
---|---|
緑 | 251 |
青 | 69 |
HSL
色相 | 135° |
---|---|
彩度 | 97% |
明度 | 51% |
輝度 | 62% |
3桁の色
補色
反転色
RGB ( 赤 = 9, 緑 = 251, 青 = 69 )
HSL ( 色相 = 135°, 彩度 = 97%, 明度 = 51% )
H : 色相 ( 135° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #fb1d09 : -130
15 : #fb4509 : -120
25 : #fb6e09 : -110
35 : #fb9609 : -100
45 : #fbbf09 : -90
55 : #fbe709 : -80
65 : #e7fb09 : -70
75 : #bffb09 : -60
85 : #96fb09 : -50
95 : #6efb09 : -40
105 : #45fb09 : -30
115 : #1dfb09 : -20
125 : #09fb1d : -10
135 : #09fb45 : ±0
145 : #09fb6e : +10
155 : #09fb96 : +20
165 : #09fbbf : +30
175 : #09fbe7 : +40
185 : #09e7fb : +50
195 : #09bffb : +60
205 : #0996fb : +70
215 : #096efb : +80
225 : #0945fb : +90
235 : #091dfb : +100
245 : #1d09fb : +110
255 : #4509fb : +120
265 : #6e09fb : +130
275 : #9609fb : +140
285 : #bf09fb : +150
295 : #e709fb : +160
305 : #fb09e7 : +170
315 : #fb09bf : +180
325 : #fb0996 : +190
335 : #fb096e : +200
345 : #fb0945 : +210
355 : #fb091d : +220
125 : #09fb1d : -10
126 : #09fb21 : -9
127 : #09fb25 : -8
128 : #09fb29 : -7
129 : #09fb2d : -6
130 : #09fb31 : -5
131 : #09fb35 : -4
132 : #09fb39 : -3
133 : #09fb3d : -2
134 : #09fb41 : -1
135 : #09fb45 : ±0
136 : #09fb49 : +1
137 : #09fb4e : +2
138 : #09fb52 : +3
139 : #09fb56 : +4
140 : #09fb5a : +5
141 : #09fb5e : +6
142 : #09fb62 : +7
143 : #09fb66 : +8
144 : #09fb6a : +9
145 : #09fb6e : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #818381 : -96
3 : #7e8680 : -94
5 : #7c887f : -92
7 : #798b7e : -90
9 : #778d7c : -88
11 : #74907b : -86
13 : #72927a : -84
15 : #6f9579 : -82
17 : #6d9777 : -80
19 : #6a9a76 : -78
21 : #689c75 : -76
23 : #659f74 : -74
25 : #63a172 : -72
27 : #60a471 : -70
29 : #5ea670 : -68
31 : #5ba96f : -66
33 : #59ab6d : -64
35 : #56ae6c : -62
37 : #54b06b : -60
39 : #51b36a : -58
41 : #4fb568 : -56
43 : #4cb867 : -54
45 : #4aba66 : -52
47 : #47bd65 : -50
49 : #45bf63 : -48
51 : #42c262 : -46
53 : #40c461 : -44
55 : #3dc760 : -42
57 : #3bc95e : -40
59 : #38cc5d : -38
61 : #36ce5c : -36
63 : #33d15b : -34
65 : #31d359 : -32
67 : #2ed658 : -30
69 : #2cd857 : -28
71 : #29db56 : -26
73 : #27dd54 : -24
75 : #24e053 : -22
77 : #22e252 : -20
79 : #1fe551 : -18
81 : #1de74f : -16
83 : #1aea4e : -14
85 : #18ec4d : -12
87 : #15ef4c : -10
89 : #13f14a : -8
91 : #10f449 : -6
93 : #0ef648 : -4
95 : #0bf947 : -2
97 : #09fb45 : ±0
99 : #06fe44 : +2
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #000501 : -50
3 : #000f04 : -48
5 : #001907 : -46
7 : #012309 : -44
9 : #012d0c : -42
11 : #01370e : -40
13 : #014111 : -38
15 : #014b14 : -36
17 : #015516 : -34
19 : #015f19 : -32
21 : #02691c : -30
23 : #02741e : -28
25 : #027e21 : -26
27 : #028823 : -24
29 : #029226 : -22
31 : #029c29 : -20
33 : #03a62b : -18
35 : #03b02e : -16
37 : #03ba31 : -14
39 : #03c433 : -12
41 : #03ce36 : -10
43 : #03d838 : -8
45 : #03e23b : -6
47 : #04ec3e : -4
49 : #04f640 : -2
51 : #09fb45 : ±0
53 : #13fb4d : +2
55 : #1dfc55 : +4
57 : #27fc5c : +6
59 : #31fc64 : +8
61 : #3bfc6b : +10
63 : #45fc73 : +12
65 : #4ffc7a : +14
67 : #59fc82 : +16
69 : #63fd8a : +18
71 : #6dfd91 : +20
73 : #77fd99 : +22
75 : #81fda0 : +24
77 : #8bfda8 : +26
79 : #96fdaf : +28
81 : #a0feb7 : +30
83 : #aafebf : +32
85 : #b4fec6 : +34
87 : #befece : +36
89 : #c8fed5 : +38
91 : #d2fedd : +40
93 : #dcfee4 : +42
95 : #e6ffec : +44
97 : #f0fff4 : +46
99 : #fafffb : +48
CSS入門、作ってます。
text-shadow