#35d91c
RGB
赤 | 53 |
---|---|
緑 | 217 |
青 | 28 |
HSL
色相 | 112° |
---|---|
彩度 | 77% |
明度 | 48% |
輝度 | 57% |
3桁の色
補色
反転色
RGB ( 赤 = 53, 緑 = 217, 青 = 28 )
HSL ( 色相 = 112°, 彩度 = 77%, 明度 = 48% )
H : 色相 ( 112° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #d9221c : -110
12 : #d9421c : -100
22 : #d9611c : -90
32 : #d9811c : -80
42 : #d9a01c : -70
52 : #d9c01c : -60
62 : #d2d91c : -50
72 : #b3d91c : -40
82 : #94d91c : -30
92 : #74d91c : -20
102 : #55d91c : -10
112 : #35d91c : ±0
122 : #1cd922 : +10
132 : #1cd942 : +20
142 : #1cd961 : +30
152 : #1cd981 : +40
162 : #1cd9a0 : +50
172 : #1cd9c0 : +60
182 : #1cd2d9 : +70
192 : #1cb3d9 : +80
202 : #1c94d9 : +90
212 : #1c74d9 : +100
222 : #1c55d9 : +110
232 : #1c35d9 : +120
242 : #221cd9 : +130
252 : #421cd9 : +140
262 : #611cd9 : +150
272 : #811cd9 : +160
282 : #a01cd9 : +170
292 : #c01cd9 : +180
302 : #d91cd2 : +190
312 : #d91cb3 : +200
322 : #d91c94 : +210
332 : #d91c74 : +220
342 : #d91c55 : +230
352 : #d91c35 : +240
102 : #55d91c : -10
103 : #52d91c : -9
104 : #4ed91c : -8
105 : #4bd91c : -7
106 : #48d91c : -6
107 : #45d91c : -5
108 : #42d91c : -4
109 : #3fd91c : -3
110 : #3cd91c : -2
111 : #38d91c : -1
112 : #35d91c : ±0
113 : #32d91c : +1
114 : #2fd91c : +2
115 : #2cd91c : +3
116 : #29d91c : +4
117 : #26d91c : +5
118 : #22d91c : +6
119 : #1fd91c : +7
120 : #1cd91c : +8
121 : #1cd91f : +9
122 : #1cd922 : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7a7c79 : -76
3 : #787e77 : -74
5 : #768174 : -72
7 : #748372 : -70
9 : #72856f : -68
11 : #71886d : -66
13 : #6f8a6a : -64
15 : #6d8d68 : -62
17 : #6b8f66 : -60
19 : #699263 : -58
21 : #689461 : -56
23 : #66975e : -54
25 : #64995c : -52
27 : #629b59 : -50
29 : #609e57 : -48
31 : #5fa054 : -46
33 : #5da352 : -44
35 : #5ba550 : -42
37 : #59a84d : -40
39 : #57aa4b : -38
41 : #56ad48 : -36
43 : #54af46 : -34
45 : #52b143 : -32
47 : #50b441 : -30
49 : #4eb63e : -28
51 : #4db93c : -26
53 : #4bbb3a : -24
55 : #49be37 : -22
57 : #47c035 : -20
59 : #45c332 : -18
61 : #44c530 : -16
63 : #42c82d : -14
65 : #40ca2b : -12
67 : #3ecc28 : -10
69 : #3ccf26 : -8
71 : #3bd123 : -6
73 : #39d421 : -4
75 : #37d61f : -2
77 : #35d91c : ±0
79 : #33db1a : +2
81 : #32de17 : +4
83 : #30e015 : +6
85 : #2ee212 : +8
87 : #2ce510 : +10
89 : #2be70d : +12
91 : #29ea0b : +14
93 : #27ec09 : +16
95 : #25ef06 : +18
97 : #23f104 : +20
99 : #22f401 : +22
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #020901 : -46
4 : #041202 : -44
6 : #071b04 : -42
8 : #092405 : -40
10 : #0b2d06 : -38
12 : #0d3607 : -36
14 : #103f08 : -34
16 : #124809 : -32
18 : #14510b : -30
20 : #165a0c : -28
22 : #18630d : -26
24 : #1b6c0e : -24
26 : #1d750f : -22
28 : #1f7e10 : -20
30 : #218712 : -18
32 : #249013 : -16
34 : #269914 : -14
36 : #28a215 : -12
38 : #2aac16 : -10
40 : #2cb517 : -8
42 : #2fbe19 : -6
44 : #31c71a : -4
46 : #33d01b : -2
48 : #35d91c : ±0
50 : #38e21d : +2
52 : #3fe326 : +4
54 : #47e42f : +6
56 : #4fe538 : +8
58 : #57e641 : +10
60 : #5fe84a : +12
62 : #67e953 : +14
64 : #6fea5d : +16
66 : #77eb66 : +18
68 : #7fec6f : +20
70 : #87ed78 : +22
72 : #8fef81 : +24
74 : #97f08a : +26
76 : #9ff193 : +28
78 : #a7f29c : +30
80 : #aff3a5 : +32
82 : #b7f4ae : +34
84 : #bff6b7 : +36
86 : #c7f7c0 : +38
88 : #cff8c9 : +40
90 : #d7f9d2 : +42
92 : #dffadb : +44
94 : #e7fbe4 : +46
96 : #effded : +48
98 : #f7fef6 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow