#34d80c
RGB
| 赤 | 52 |
|---|---|
| 緑 | 216 |
| 青 | 12 |
HSL
| 色相 | 108° |
|---|---|
| 彩度 | 89% |
| 明度 | 45% |
| 輝度 | 56% |
３桁の色
補色
反転色
RGB ( 赤 = 52, 緑 = 216, 青 = 12 )
HSL ( 色相 = 108°, 彩度 = 89%, 明度 = 45% )
H : 色相 ( 108° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #d9280d : -100
18 : #d94a0d : -90
28 : #d96c0d : -80
38 : #d98e0d : -70
48 : #d9b00d : -60
58 : #d9d20d : -50
68 : #bed90d : -40
78 : #9cd90d : -30
88 : #7ad90d : -20
98 : #58d90d : -10
108 : #35d90d : ±0
118 : #13d90d : +10
128 : #0dd928 : +20
138 : #0dd94a : +30
148 : #0dd96c : +40
158 : #0dd98e : +50
168 : #0dd9b0 : +60
178 : #0dd9d2 : +70
188 : #0dbed9 : +80
198 : #0d9cd9 : +90
208 : #0d7ad9 : +100
218 : #0d58d9 : +110
228 : #0d35d9 : +120
238 : #0d13d9 : +130
248 : #280dd9 : +140
258 : #4a0dd9 : +150
268 : #6c0dd9 : +160
278 : #8e0dd9 : +170
288 : #b00dd9 : +180
298 : #d20dd9 : +190
308 : #d90dbe : +200
318 : #d90d9c : +210
328 : #d90d7a : +220
338 : #d90d58 : +230
348 : #d90d35 : +240
358 : #d90d13 : +250
98 : #58d90d : -10
99 : #54d90d : -9
100 : #51d90d : -8
101 : #4dd90d : -7
102 : #4ad90d : -6
103 : #46d90d : -5
104 : #43d90d : -4
105 : #40d90d : -3
106 : #3cd90d : -2
107 : #39d90d : -1
108 : #35d90d : ±0
109 : #32d90d : +1
110 : #2fd90d : +2
111 : #2bd90d : +3
112 : #28d90d : +4
113 : #24d90d : +5
114 : #21d90d : +6
115 : #1ed90d : +7
116 : #1ad90d : +8
117 : #17d90d : +9
118 : #13d90d : +10
S : 彩度 ( 89% )
(0%) 渋い ～ 鮮やか (100%)
1 : #727472 : -88
3 : #71766f : -86
5 : #6f786d : -84
7 : #6e7b6b : -82
9 : #6d7d68 : -80
11 : #6b7f66 : -78
13 : #6a8264 : -76
15 : #688462 : -74
17 : #67865f : -72
19 : #66895d : -70
21 : #648b5b : -68
23 : #638d58 : -66
25 : #628f56 : -64
27 : #609254 : -62
29 : #5f9451 : -60
31 : #5d964f : -58
33 : #5c994d : -56
35 : #5b9b4b : -54
37 : #599d48 : -52
39 : #58a046 : -50
41 : #57a244 : -48
43 : #55a441 : -46
45 : #54a63f : -44
47 : #52a93d : -42
49 : #51ab3b : -40
51 : #50ad38 : -38
53 : #4eb036 : -36
55 : #4db234 : -34
57 : #4cb431 : -32
59 : #4ab62f : -30
61 : #49b92d : -28
63 : #47bb2a : -26
65 : #46bd28 : -24
67 : #45c026 : -22
69 : #43c224 : -20
71 : #42c421 : -18
73 : #40c71f : -16
75 : #3fc91d : -14
77 : #3ecb1a : -12
79 : #3ccd18 : -10
81 : #3bd016 : -8
83 : #3ad214 : -6
85 : #38d411 : -4
87 : #37d70f : -2
89 : #35d90d : ±0
91 : #34db0a : +2
93 : #33dd08 : +4
95 : #31e006 : +6
97 : #30e203 : +8
99 : #2fe401 : +10
L : 明度 ( 45% )
(0%) 暗い ～ 明るい (100%)
1 : #010500 : -44
3 : #040e01 : -42
5 : #061801 : -40
7 : #082202 : -38
9 : #0b2b03 : -36
11 : #0d3503 : -34
13 : #0f3f04 : -32
15 : #124804 : -30
17 : #145205 : -28
19 : #175c05 : -26
21 : #196506 : -24
23 : #1b6f06 : -22
25 : #1e7807 : -20
27 : #208208 : -18
29 : #228c08 : -16
31 : #259509 : -14
33 : #279f09 : -12
35 : #2aa90a : -10
37 : #2cb20a : -8
39 : #2ebc0b : -6
41 : #31c60c : -4
43 : #33cf0c : -2
45 : #35d90d : ±0
47 : #38e30d : +2
49 : #3aec0e : +4
51 : #3ff113 : +6
53 : #47f21c : +8
55 : #4ff226 : +10
57 : #57f330 : +12
59 : #5ff339 : +14
61 : #66f443 : +16
63 : #6ef54d : +18
65 : #76f556 : +20
67 : #7ef660 : +22
69 : #86f66a : +24
71 : #8ef773 : +26
73 : #95f77d : +28
75 : #9df887 : +30
77 : #a5f990 : +32
79 : #adf99a : +34
81 : #b5faa3 : +36
83 : #bdfaad : +38
85 : #c4fbb7 : +40
87 : #ccfbc0 : +42
89 : #d4fcca : +44
91 : #dcfcd4 : +46
93 : #e4fddd : +48
95 : #ebfee7 : +50
97 : #f3fef1 : +52
99 : #fbfffa : +54
CSS入門、作ってます。
text-shadow