#1406c0
RGB
赤 | 20 |
---|---|
緑 | 6 |
青 | 192 |
HSL
色相 | 245° |
---|---|
彩度 | 94% |
明度 | 39% |
輝度 | 12% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 20, 緑 = 6, 青 = 192 )
HSL ( 色相 = 245°, 彩度 = 94%, 明度 = 39% )
H : 色相 ( 245° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #c11606 : -240
15 : #c13506 : -230
25 : #c15406 : -220
35 : #c17306 : -210
45 : #c19206 : -200
55 : #c1b106 : -190
65 : #b1c106 : -180
75 : #92c106 : -170
85 : #73c106 : -160
95 : #54c106 : -150
105 : #35c106 : -140
115 : #16c106 : -130
125 : #06c116 : -120
135 : #06c135 : -110
145 : #06c154 : -100
155 : #06c173 : -90
165 : #06c192 : -80
175 : #06c1b1 : -70
185 : #06b1c1 : -60
195 : #0692c1 : -50
205 : #0673c1 : -40
215 : #0654c1 : -30
225 : #0635c1 : -20
235 : #0616c1 : -10
245 : #1606c1 : ±0
255 : #3506c1 : +10
265 : #5406c1 : +20
275 : #7306c1 : +30
285 : #9206c1 : +40
295 : #b106c1 : +50
305 : #c106b1 : +60
315 : #c10692 : +70
325 : #c10673 : +80
335 : #c10654 : +90
345 : #c10635 : +100
355 : #c10616 : +110
235 : #0616c1 : -10
236 : #0612c1 : -9
237 : #060fc1 : -8
238 : #060cc1 : -7
239 : #0609c1 : -6
240 : #0606c1 : -5
241 : #0906c1 : -4
242 : #0c06c1 : -3
243 : #0f06c1 : -2
244 : #1206c1 : -1
245 : #1606c1 : ±0
246 : #1906c1 : +1
247 : #1c06c1 : +2
248 : #1f06c1 : +3
249 : #2206c1 : +4
250 : #2506c1 : +5
251 : #2806c1 : +6
252 : #2b06c1 : +7
253 : #2e06c1 : +8
254 : #3206c1 : +9
255 : #3506c1 : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -94
2 : #626165 : -92
4 : #605f67 : -90
6 : #5e5d69 : -88
8 : #5d5b6b : -86
10 : #5b5a6d : -84
12 : #5a586f : -82
14 : #585671 : -80
16 : #565473 : -78
18 : #555275 : -76
20 : #535077 : -74
22 : #514e79 : -72
24 : #504c7b : -70
26 : #4e4a7d : -68
28 : #4c487f : -66
30 : #4b4681 : -64
32 : #494483 : -62
34 : #474285 : -60
36 : #464087 : -58
38 : #443e89 : -56
40 : #423c8b : -54
42 : #413a8d : -52
44 : #3f388f : -50
46 : #3d3691 : -48
48 : #3c3493 : -46
50 : #3a3295 : -44
52 : #383097 : -42
54 : #372e99 : -40
56 : #352c9b : -38
58 : #332a9d : -36
60 : #32289f : -34
62 : #3026a1 : -32
64 : #2e24a3 : -30
66 : #2d22a5 : -28
68 : #2b20a7 : -26
70 : #291ea9 : -24
72 : #281cab : -22
74 : #261aad : -20
76 : #2418af : -18
78 : #2316b1 : -16
80 : #2114b3 : -14
82 : #1f12b5 : -12
84 : #1e10b7 : -10
86 : #1c0eb9 : -8
88 : #1b0cbb : -6
90 : #190abd : -4
92 : #1708bf : -2
94 : #1606c1 : ±0
96 : #1404c3 : +2
98 : #1202c5 : +4
100 : #1100c7 : +6
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #010005 : -38
3 : #02000f : -36
5 : #030119 : -34
7 : #040123 : -32
9 : #05012d : -30
11 : #060236 : -28
13 : #070240 : -26
15 : #08024a : -24
17 : #090354 : -22
19 : #0a035e : -20
21 : #0c0368 : -18
23 : #0d0472 : -16
25 : #0e047c : -14
27 : #0f0486 : -12
29 : #10048f : -10
31 : #110599 : -8
33 : #1205a3 : -6
35 : #1305ad : -4
37 : #1406b7 : -2
39 : #1606c1 : ±0
41 : #1706cb : +2
43 : #1807d5 : +4
45 : #1907df : +6
47 : #1a07e9 : +8
49 : #1b07f2 : +10
51 : #200df8 : +12
53 : #2916f8 : +14
55 : #3220f8 : +16
57 : #3b2af8 : +18
59 : #4534f9 : +20
61 : #4e3ef9 : +22
63 : #5748f9 : +24
65 : #6052fa : +26
67 : #695cfa : +28
69 : #7266fa : +30
71 : #7b70fb : +32
73 : #8479fb : +34
75 : #8d83fb : +36
77 : #968dfb : +38
79 : #a097fc : +40
81 : #a9a1fc : +42
83 : #b2abfc : +44
85 : #bbb5fd : +46
87 : #c4bffd : +48
89 : #cdc9fd : +50
91 : #d6d2fe : +52
93 : #dfdcfe : +54
95 : #e8e6fe : +56
97 : #f1f0ff : +58
99 : #fafaff : +60
CSS入門、作ってます。
text-shadow