#6ed487
RGB
赤 | 110 |
---|---|
緑 | 212 |
青 | 135 |
HSL
色相 | 135° |
---|---|
彩度 | 54% |
明度 | 63% |
輝度 | 68% |
3桁の色
補色
反転色
RGB ( 赤 = 110, 緑 = 212, 青 = 135 )
HSL ( 色相 = 135°, 彩度 = 54%, 明度 = 63% )
H : 色相 ( 135° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #d4766e : -130
15 : #d4876e : -120
25 : #d4986e : -110
35 : #d4a96e : -100
45 : #d4ba6e : -90
55 : #d4cb6e : -80
65 : #cbd46e : -70
75 : #bad46e : -60
85 : #a9d46e : -50
95 : #98d46e : -40
105 : #87d46e : -30
115 : #76d46e : -20
125 : #6ed476 : -10
135 : #6ed487 : ±0
145 : #6ed498 : +10
155 : #6ed4a9 : +20
165 : #6ed4ba : +30
175 : #6ed4cb : +40
185 : #6ecbd4 : +50
195 : #6ebad4 : +60
205 : #6ea9d4 : +70
215 : #6e98d4 : +80
225 : #6e87d4 : +90
235 : #6e76d4 : +100
245 : #766ed4 : +110
255 : #876ed4 : +120
265 : #986ed4 : +130
275 : #a96ed4 : +140
285 : #ba6ed4 : +150
295 : #cb6ed4 : +160
305 : #d46ecb : +170
315 : #d46eba : +180
325 : #d46ea9 : +190
335 : #d46e98 : +200
345 : #d46e87 : +210
355 : #d46e76 : +220
125 : #6ed476 : -10
126 : #6ed478 : -9
127 : #6ed47a : -8
128 : #6ed47b : -7
129 : #6ed47d : -6
130 : #6ed47f : -5
131 : #6ed480 : -4
132 : #6ed482 : -3
133 : #6ed484 : -2
134 : #6ed485 : -1
135 : #6ed487 : ±0
136 : #6ed489 : +1
137 : #6ed48b : +2
138 : #6ed48c : +3
139 : #6ed48e : +4
140 : #6ed490 : +5
141 : #6ed491 : +6
142 : #6ed493 : +7
143 : #6ed495 : +8
144 : #6ed496 : +9
145 : #6ed498 : +10
S : 彩度 ( 54% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a0a0a0 : -54
2 : #9fa3a0 : -52
4 : #9da49f : -50
6 : #9ba69e : -48
8 : #99a89d : -46
10 : #97aa9c : -44
12 : #95ac9b : -42
14 : #93ae9a : -40
16 : #92b099 : -38
18 : #90b298 : -36
20 : #8eb497 : -34
22 : #8cb596 : -32
24 : #8ab795 : -30
26 : #88b994 : -28
28 : #86bb93 : -26
30 : #84bd92 : -24
32 : #82bf92 : -22
34 : #81c191 : -20
36 : #7fc390 : -18
38 : #7dc58f : -16
40 : #7bc68e : -14
42 : #79c88d : -12
44 : #77ca8c : -10
46 : #75cc8b : -8
48 : #73ce8a : -6
50 : #71d089 : -4
52 : #70d288 : -2
54 : #6ed487 : ±0
56 : #6cd586 : +2
58 : #6ad785 : +4
60 : #68d984 : +6
62 : #66db83 : +8
64 : #64dd82 : +10
66 : #62df82 : +12
68 : #60e181 : +14
70 : #5fe380 : +16
72 : #5de57f : +18
74 : #5be67e : +20
76 : #59e87d : +22
78 : #57ea7c : +24
80 : #55ec7b : +26
82 : #53ee7a : +28
84 : #51f079 : +30
86 : #50f278 : +32
88 : #4ef477 : +34
90 : #4cf676 : +36
92 : #4af775 : +38
94 : #48f974 : +40
96 : #46fb73 : +42
98 : #44fd72 : +44
100 : #42ff71 : +46
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #010402 : -62
3 : #040c06 : -60
5 : #061409 : -58
7 : #081b0d : -56
9 : #0b2311 : -54
11 : #0d2b14 : -52
13 : #0f3318 : -50
15 : #123b1c : -48
17 : #144320 : -46
19 : #164b23 : -44
21 : #195227 : -42
23 : #1b5a2b : -40
25 : #1d622f : -38
27 : #206a32 : -36
29 : #227236 : -34
31 : #247a3a : -32
33 : #27823d : -30
35 : #298941 : -28
37 : #2b9145 : -26
39 : #2e9949 : -24
41 : #30a14c : -22
43 : #32a950 : -20
45 : #35b154 : -18
47 : #37b957 : -16
49 : #39c05b : -14
51 : #3fc660 : -12
53 : #46c867 : -10
55 : #4eca6d : -8
57 : #56cd74 : -6
59 : #5ecf7a : -4
61 : #66d181 : -2
63 : #6ed487 : ±0
65 : #76d68e : +2
67 : #7dd894 : +4
69 : #85db9b : +6
71 : #8ddda1 : +8
73 : #95dfa8 : +10
75 : #9de2ae : +12
77 : #a5e4b5 : +14
79 : #ade6bb : +16
81 : #b4e9c1 : +18
83 : #bcebc8 : +20
85 : #c4edce : +22
87 : #ccf0d5 : +24
89 : #d4f2db : +26
91 : #dcf4e2 : +28
93 : #e4f7e8 : +30
95 : #ebf9ef : +32
97 : #f3fbf5 : +34
99 : #fbfefc : +36
CSS入門、作ってます。
text-shadow