#38d327
RGB
赤 | 56 |
---|---|
緑 | 211 |
青 | 39 |
HSL
色相 | 114° |
---|---|
彩度 | 69% |
明度 | 49% |
輝度 | 57% |
3桁の色
補色
反転色
RGB ( 赤 = 56, 緑 = 211, 青 = 39 )
HSL ( 色相 = 114°, 彩度 = 69%, 明度 = 49% )
H : 色相 ( 114° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #d33227 : -110
14 : #d34f27 : -100
24 : #d36c27 : -90
34 : #d38827 : -80
44 : #d3a527 : -70
54 : #d3c227 : -60
64 : #c8d327 : -50
74 : #abd327 : -40
84 : #8ed327 : -30
94 : #71d327 : -20
104 : #55d327 : -10
114 : #38d327 : ±0
124 : #27d332 : +10
134 : #27d34f : +20
144 : #27d36c : +30
154 : #27d388 : +40
164 : #27d3a5 : +50
174 : #27d3c2 : +60
184 : #27c8d3 : +70
194 : #27abd3 : +80
204 : #278ed3 : +90
214 : #2771d3 : +100
224 : #2755d3 : +110
234 : #2738d3 : +120
244 : #3227d3 : +130
254 : #4f27d3 : +140
264 : #6c27d3 : +150
274 : #8827d3 : +160
284 : #a527d3 : +170
294 : #c227d3 : +180
304 : #d327c8 : +190
314 : #d327ab : +200
324 : #d3278e : +210
334 : #d32771 : +220
344 : #d32755 : +230
354 : #d32738 : +240
104 : #55d327 : -10
105 : #52d327 : -9
106 : #4fd327 : -8
107 : #4cd327 : -7
108 : #49d327 : -6
109 : #46d327 : -5
110 : #43d327 : -4
111 : #41d327 : -3
112 : #3ed327 : -2
113 : #3bd327 : -1
114 : #38d327 : ±0
115 : #35d327 : +1
116 : #32d327 : +2
117 : #2fd327 : +3
118 : #2cd327 : +4
119 : #2ad327 : +5
120 : #27d327 : +6
121 : #27d32a : +7
122 : #27d32c : +8
123 : #27d32f : +9
124 : #27d332 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c7e7c : -68
3 : #7a8179 : -66
5 : #788377 : -64
7 : #768674 : -62
9 : #748872 : -60
11 : #728b6f : -58
13 : #708d6d : -56
15 : #6e906a : -54
17 : #6c9268 : -52
19 : #6a9565 : -50
21 : #689763 : -48
23 : #669a60 : -46
25 : #649c5e : -44
27 : #629f5b : -42
29 : #60a159 : -40
31 : #5ea456 : -38
33 : #5ca654 : -36
35 : #5aa951 : -34
37 : #58ab4f : -32
39 : #56ae4c : -30
41 : #54b04a : -28
43 : #52b347 : -26
45 : #50b545 : -24
47 : #4eb842 : -22
49 : #4cba40 : -20
51 : #4abd3d : -18
53 : #48bf3b : -16
55 : #46c238 : -14
57 : #44c436 : -12
59 : #42c733 : -10
61 : #40c931 : -8
63 : #3ecc2e : -6
65 : #3cce2c : -4
67 : #3ad129 : -2
69 : #38d327 : ±0
71 : #36d624 : +2
73 : #34d822 : +4
75 : #32db1f : +6
77 : #30dd1d : +8
79 : #2ee01a : +10
81 : #2ce218 : +12
83 : #2ae515 : +14
85 : #28e713 : +16
87 : #26ea10 : +18
89 : #24ec0e : +20
91 : #22ef0b : +22
93 : #20f109 : +24
95 : #1ef406 : +26
97 : #1cf604 : +28
99 : #1af901 : +30
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #010401 : -48
3 : #030d02 : -46
5 : #061604 : -44
7 : #081e06 : -42
9 : #0a2707 : -40
11 : #0d2f09 : -38
13 : #0f380a : -36
15 : #11410c : -34
17 : #13490d : -32
19 : #16520f : -30
21 : #185a11 : -28
23 : #1a6312 : -26
25 : #1d6c14 : -24
27 : #1f7415 : -22
29 : #217d17 : -20
31 : #238619 : -18
33 : #268e1a : -16
35 : #28971c : -14
37 : #2a9f1d : -12
39 : #2da81f : -10
41 : #2fb120 : -8
43 : #31b922 : -6
45 : #33c224 : -4
47 : #36cb25 : -2
49 : #38d327 : ±0
51 : #3dd82c : +2
53 : #45da34 : +4
55 : #4ddb3d : +6
57 : #55dd46 : +8
59 : #5ddf4e : +10
61 : #65e057 : +12
63 : #6de260 : +14
65 : #74e368 : +16
67 : #7ce571 : +18
69 : #84e679 : +20
71 : #8ce882 : +22
73 : #94ea8b : +24
75 : #9ceb93 : +26
77 : #a4ed9c : +28
79 : #aceea5 : +30
81 : #b4f0ad : +32
83 : #bcf2b6 : +34
85 : #c4f3be : +36
87 : #ccf5c7 : +38
89 : #d3f6d0 : +40
91 : #dbf8d8 : +42
93 : #e3f9e1 : +44
95 : #ebfbe9 : +46
97 : #f3fdf2 : +48
99 : #fbfefb : +50
CSS入門、作ってます。
text-shadow