#25da31
RGB
赤 | 37 |
---|---|
緑 | 218 |
青 | 49 |
HSL
色相 | 124° |
---|---|
彩度 | 71% |
明度 | 50% |
輝度 | 57% |
3桁の色
補色
反転色
RGB ( 赤 = 37, 緑 = 218, 青 = 49 )
HSL ( 色相 = 124°, 彩度 = 71%, 明度 = 50% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #da3125 : -120
14 : #da4f25 : -110
24 : #da6d25 : -100
34 : #da8c25 : -90
44 : #daaa25 : -80
54 : #dac825 : -70
64 : #ceda25 : -60
74 : #b0da25 : -50
84 : #92da25 : -40
94 : #73da25 : -30
104 : #55da25 : -20
114 : #37da25 : -10
124 : #25da31 : ±0
134 : #25da4f : +10
144 : #25da6d : +20
154 : #25da8c : +30
164 : #25daaa : +40
174 : #25dac8 : +50
184 : #25ceda : +60
194 : #25b0da : +70
204 : #2592da : +80
214 : #2573da : +90
224 : #2555da : +100
234 : #2537da : +110
244 : #3125da : +120
254 : #4f25da : +130
264 : #6d25da : +140
274 : #8c25da : +150
284 : #aa25da : +160
294 : #c825da : +170
304 : #da25ce : +180
314 : #da25b0 : +190
324 : #da2592 : +200
334 : #da2573 : +210
344 : #da2555 : +220
354 : #da2537 : +230
114 : #37da25 : -10
115 : #34da25 : -9
116 : #31da25 : -8
117 : #2eda25 : -7
118 : #2bda25 : -6
119 : #28da25 : -5
120 : #25da25 : -4
121 : #25da28 : -3
122 : #25da2b : -2
123 : #25da2e : -1
124 : #25da31 : ±0
125 : #25da34 : +1
126 : #25da37 : +2
127 : #25da3a : +3
128 : #25da3d : +4
129 : #25da40 : +5
130 : #25da43 : +6
131 : #25da46 : +7
132 : #25da49 : +8
133 : #25da4c : +9
134 : #25da4f : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e817e : -70
3 : #7c837c : -68
5 : #79867a : -66
7 : #778878 : -64
9 : #748b76 : -62
11 : #718e73 : -60
13 : #6f9071 : -58
15 : #6c936f : -56
17 : #6a956d : -54
19 : #67986b : -52
21 : #659a68 : -50
23 : #629d66 : -48
25 : #609f64 : -46
27 : #5da262 : -44
29 : #5ba45f : -42
31 : #58a75d : -40
33 : #55aa5b : -38
35 : #53ac59 : -36
37 : #50af57 : -34
39 : #4eb154 : -32
41 : #4bb452 : -30
43 : #49b650 : -28
45 : #46b94e : -26
47 : #44bb4c : -24
49 : #41be49 : -22
51 : #3ec147 : -20
53 : #3cc345 : -18
55 : #39c643 : -16
57 : #37c841 : -14
59 : #34cb3e : -12
61 : #32cd3c : -10
63 : #2fd03a : -8
65 : #2dd238 : -6
67 : #2ad535 : -4
69 : #28d733 : -2
71 : #25da31 : ±0
73 : #22dd2f : +2
75 : #20df2d : +4
77 : #1de22a : +6
79 : #1be428 : +8
81 : #18e726 : +10
83 : #16e924 : +12
85 : #13ec22 : +14
87 : #11ee1f : +16
89 : #0ef11d : +18
91 : #0bf41b : +20
93 : #09f619 : +22
95 : #06f917 : +24
97 : #04fb14 : +26
99 : #01fe12 : +28
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #010902 : -48
4 : #031104 : -46
6 : #041a06 : -44
8 : #062308 : -42
10 : #072c0a : -40
12 : #09340c : -38
14 : #0a3d0e : -36
16 : #0c4610 : -34
18 : #0d4e12 : -32
20 : #0f5714 : -30
22 : #106016 : -28
24 : #126918 : -26
26 : #13711a : -24
28 : #157a1b : -22
30 : #16831d : -20
32 : #188c1f : -18
34 : #199421 : -16
36 : #1b9d23 : -14
38 : #1ca625 : -12
40 : #1eae27 : -10
42 : #1fb729 : -8
44 : #21c02b : -6
46 : #22c92d : -4
48 : #23d12f : -2
50 : #25da31 : ±0
52 : #2edc39 : +2
54 : #36dd42 : +4
56 : #3fde4a : +6
58 : #48e052 : +8
60 : #51e15a : +10
62 : #59e362 : +12
64 : #62e46b : +14
66 : #6be673 : +16
68 : #73e77b : +18
70 : #7ce983 : +20
72 : #85ea8c : +22
74 : #8eec94 : +24
76 : #96ed9c : +26
78 : #9fefa4 : +28
80 : #a8f0ad : +30
82 : #b1f2b5 : +32
84 : #b9f3bd : +34
86 : #c2f5c5 : +36
88 : #cbf6ce : +38
90 : #d3f8d6 : +40
92 : #dcf9de : +42
94 : #e5fbe6 : +44
96 : #eefcef : +46
98 : #f6fef7 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow