#30cadf
RGB
| 赤 | 48 |
|---|---|
| 緑 | 202 |
| 青 | 223 |
HSL
| 色相 | 187° |
|---|---|
| 彩度 | 73% |
| 明度 | 53% |
| 輝度 | 62% |
３桁の色
補色
反転色
RGB ( 赤 = 48, 緑 = 202, 青 = 223 )
HSL ( 色相 = 187°, 彩度 = 73%, 明度 = 53% )
H : 色相 ( 187° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #df4430 : -180
17 : #df6130 : -170
27 : #df7e30 : -160
37 : #df9c30 : -150
47 : #dfb930 : -140
57 : #dfd630 : -130
67 : #cadf30 : -120
77 : #addf30 : -110
87 : #90df30 : -100
97 : #73df30 : -90
107 : #56df30 : -80
117 : #38df30 : -70
127 : #30df44 : -60
137 : #30df61 : -50
147 : #30df7e : -40
157 : #30df9c : -30
167 : #30dfb9 : -20
177 : #30dfd6 : -10
187 : #30cadf : ±0
197 : #30addf : +10
207 : #3090df : +20
217 : #3073df : +30
227 : #3056df : +40
237 : #3038df : +50
247 : #4430df : +60
257 : #6130df : +70
267 : #7e30df : +80
277 : #9c30df : +90
287 : #b930df : +100
297 : #d630df : +110
307 : #df30ca : +120
317 : #df30ad : +130
327 : #df3090 : +140
337 : #df3073 : +150
347 : #df3056 : +160
357 : #df3038 : +170
177 : #30dfd6 : -10
178 : #30dfd9 : -9
179 : #30dfdc : -8
180 : #30dfdf : -7
181 : #30dcdf : -6
182 : #30d9df : -5
183 : #30d6df : -4
184 : #30d3df : -3
185 : #30d0df : -2
186 : #30cddf : -1
187 : #30cadf : ±0
188 : #30c7df : +1
189 : #30c4df : +2
190 : #30c1df : +3
191 : #30bfdf : +4
192 : #30bcdf : +5
193 : #30b9df : +6
194 : #30b6df : +7
195 : #30b3df : +8
196 : #30b0df : +9
197 : #30addf : +10
S : 彩度 ( 73% )
(0%) 渋い ～ 鮮やか (100%)
1 : #868888 : -72
3 : #848a8b : -70
5 : #818c8d : -68
7 : #7f8e90 : -66
9 : #7c8f92 : -64
11 : #7a9194 : -62
13 : #789397 : -60
15 : #759599 : -58
17 : #73979c : -56
19 : #70999e : -54
21 : #6e9aa0 : -52
23 : #6c9ca3 : -50
25 : #699ea5 : -48
27 : #67a0a8 : -46
29 : #64a2aa : -44
31 : #62a4ac : -42
33 : #60a5af : -40
35 : #5da7b1 : -38
37 : #5ba9b3 : -36
39 : #58abb6 : -34
41 : #56adb8 : -32
43 : #54afbb : -30
45 : #51b0bd : -28
47 : #4fb2bf : -26
49 : #4cb4c2 : -24
51 : #4ab6c4 : -22
53 : #48b8c7 : -20
55 : #45bac9 : -18
57 : #43bccb : -16
59 : #40bdce : -14
61 : #3ebfd0 : -12
63 : #3cc1d3 : -10
65 : #39c3d5 : -8
67 : #37c5d7 : -6
69 : #34c7da : -4
71 : #32c8dc : -2
73 : #30cadf : ±0
75 : #2dcce1 : +2
77 : #2bcee3 : +4
79 : #28d0e6 : +6
81 : #26d2e8 : +8
83 : #24d3eb : +10
85 : #21d5ed : +12
87 : #1fd7ef : +14
89 : #1cd9f2 : +16
91 : #1adbf4 : +18
93 : #18ddf7 : +20
95 : #15def9 : +22
97 : #13e0fb : +24
99 : #10e2fe : +26
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #010404 : -52
3 : #020c0d : -50
5 : #031416 : -48
7 : #051c1f : -46
9 : #062428 : -44
11 : #082c31 : -42
13 : #093439 : -40
15 : #0a3c42 : -38
17 : #0c444b : -36
19 : #0d4c54 : -34
21 : #0e545d : -32
23 : #105b65 : -30
25 : #11636e : -28
27 : #136b77 : -26
29 : #147380 : -24
31 : #157b89 : -22
33 : #178392 : -20
35 : #188b9a : -18
37 : #1993a3 : -16
39 : #1b9bac : -14
41 : #1ca3b5 : -12
43 : #1eabbe : -10
45 : #1fb3c7 : -8
47 : #20bbcf : -6
49 : #22c3d8 : -4
51 : #27c8dd : -2
53 : #30cadf : ±0
55 : #38cce0 : +2
57 : #41cfe1 : +4
59 : #4ad1e3 : +6
61 : #53d3e4 : +8
63 : #5cd5e6 : +10
65 : #65d8e7 : +12
67 : #6ddae8 : +14
69 : #76dcea : +16
71 : #7fdeeb : +18
73 : #88e1ec : +20
75 : #91e3ee : +22
77 : #9ae5ef : +24
79 : #a2e7f1 : +26
81 : #abeaf2 : +28
83 : #b4ecf3 : +30
85 : #bdeef5 : +32
87 : #c6f0f6 : +34
89 : #cef3f7 : +36
91 : #d7f5f9 : +38
93 : #e0f7fa : +40
95 : #e9f9fc : +42
97 : #f2fcfd : +44
99 : #fbfefe : +46
CSS入門、作ってます。
text-shadow